⑴ vscode下搭建Typescript編譯環境
Typescript 是微軟開發的一個javaScript的超級。著名前端框架的Angular和HTML5游戲引擎Egret等都選擇了Typescript作為編寫語言。「工欲善其事,必先利其器」,在學習Typescript語言之前必須要有一個良好的開發環境。這里筆者選擇了輕量的Visual Studio Code,此工具具有輕量、跨平台、插件豐富等特點,是一款非常優秀的開發工具。
1、首先需要安裝Nodejs,安裝過程網上很容易搜到,在此不再介紹。安裝完成後,在命令窗口輸入
2、安裝typescript模塊
安裝完成後,可以查看typescript模塊的版本號
3、創建項目目錄,在命令窗口中進入該項目目錄,創建tsconfig.json。例如項目地址是D:\test\ts。
在項目目錄下會生成一個tsconfig.json文件
裡面有很多配置項,大家可以根據各自的需要來定製。本文用的示例配置如下,
新建tscript、js文件夾,分別用作存放typescript、javascript文件。
4、測試編譯
在Visual studio code中打開ts目錄,在tscript目錄中新建test.ts文件。
然後點擊菜單中的Tasks->Run Task。
之後會出現tsc:build 、tsc:watch兩個選項
其中tsc:build選項是用於一次編譯。tsc:watch選項可以監測ts文件的改動,可以進行實時編譯,非常方便。經過編譯後的文件會存放在之前配置好的js文件目錄下。
如此就可以進行Typescript之旅了。~~
⑵ 關於VSCode的C/C++編譯問題,主要關於頭文件與庫的引用
你查一下有哪些包含.h文件的include文件夾 全部加到配置裡面就是了. 我的配置win10 + cygwin . 我只配置了win32節點
{
"configurations":[
{
"name":"Mac",
"includePath":[
"/usr/include",
"/usr/local/include",
"${workspaceRoot}"
],
"defines":[],
"intelliSenseMode":"clang-x64",
"browse":{
"path":[
"/usr/include",
"/usr/local/include",
"${workspaceRoot}"
],
"limitSymbolsToIncludedHeaders":true,
"databaseFilename":""
},
"macFrameworkPath":[
"/System/Library/Frameworks",
"/Library/Frameworks"
]
},
{
"name":"Linux",
"includePath":[
"/usr/include",
"/usr/local/include",
"${workspaceRoot}"
],
"defines":[],
"intelliSenseMode":"clang-x64",
"browse":{
"path":[
"/usr/include",
"/usr/local/include",
"${workspaceRoot}"
],
"limitSymbolsToIncludedHeaders":true,
"databaseFilename":""
}
},
{
"name":"Win32",
"includePath":[
"E:/Cygwin/usr/include",
"E:/cygwin/lib/gcc/i686-pc-cygwin/6.4.0/include",
"E:/cygwin/lib/gcc/i686-pc-cygwin/6.4.0/install-tools/include",
"${workspaceRoot}"
],
"defines":[
"_DEBUG",
"UNICODE"
],
"intelliSenseMode":"msvc-x64",
"browse":{
"path":[
"E:/Cygwin/usr/include",
"E:/cygwin/lib/gcc/i686-pc-cygwin/6.4.0/include",
"E:/cygwin/lib/gcc/i686-pc-cygwin/6.4.0/install-tools/include",
"${workspaceRoot}"
],
"limitSymbolsToIncludedHeaders":true,
"databaseFilename":""
}
}
],
"version":3
}
⑶ vscode C語言編譯
VS Code只是一個代碼編輯器,要實現對C語言代碼的編譯,需要下載單獨的GCC編譯器才行,下面我簡單介紹一下VS Code編譯C語言程序的配置過程,主要步驟如下:
1.首先,需要安裝C/C++插件,這個插件主要是為了方便查看、調試代碼,安裝的話,直接在Extensions擴展中心中搜索安裝就行,如下:
2.接著就是需要下載單獨的GCC編譯器,這里可以下載MinGW,Windows平台下的一個編譯器集合,包含有常見的GCC、G++、GDB等編譯調試工具,如下,使用起來非常方便,安裝成功後,需要將工具添加到環境變數中,方便後面使用:
⑷ 怎樣讓vscode一鍵編譯運行c++並且還能調試
不知道題主的vscode用的爽不,我正好搜到你的,然後我解決了。一鍵直接編譯調試,斷點
vscode配置C/C++的編譯調試環境
安裝debug插件,然後配置如下,詳情參考上面鏈接
//launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug",
"type": "gdb",
"request": "launch",
"target": "${file}.o",
"cwd": "${workspaceRoot}",
"preLaunchTask": "gcc"
}
]
}
//tasks.json
{
"version": "0.1.0",
"command": "gcc",
"args": ["-g", "${file}", "-o", "${file}.o"],
"problemMatcher": {
"owner": "cpp",
"fileLocation": ["relative", "${workspaceRoot}"],
"pattern": {
"regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
"file": 1,
"line": 2,
"column": 3,
"severity": 4,
"message": 5
}
}
}
⑸ 如何配置vscode的python編譯環境
為VSCode安裝擴展
用VSCode編程是需要依賴擴展的。寫Python需要安裝python的擴展,寫C++需要安裝C++的擴展。剛打開編輯器的時候,它一般會推薦一些擴展,你如果什麼都不知道,可以先安裝官方推薦的這些擴展:
修改VSCode的一些選項的默認值
VSCode有很多選項可以被修改,其各個選項都有默認值,這些默認值存儲在"\settings.json"中(不過我沒找到這個文件),用戶如果想修改某些選項的值(比如:修改字體的大小),VSCode會自動幫我們生成一個「settings.json」文件,然後我們直接在這個文件中配置自己想要的值即可。
VSCode還沒有創建"settings.json"文件:
VSCode幫我們創建了"settings.json"文件:
我們修改字型大小,讓字體大一些。修改完後,保存一下,自定義的值就會覆蓋默認值,修改就生效了。
用VSCode編寫和調試python程序
下面就開始用VSCode編程了。因為python的配置超簡單,我們以python為例來說明一下。
https //segmentfault com/q/1010000005897116
VSCode是以文件夾作為項目單位的。所以,我們如果要新建一個python項目的話,需要新建一個文件夾,然後在這個文件夾裡面放置.py文件。然後讓VSCode"打開文件夾",這樣VSCode就能識別這個項目了。(當然可以用VSCode直接創建文件夾和文件。)
先創建test_python文件夾,裡面創建一個test.py文件。
然後用VSCode載入它:
載入後的樣子。可以看到,因為安裝了python擴展,已經有高亮等效果了。
下面開始調試。
很顯然要選擇python選項:
然後VSCode為我們自動生成了"launch.json"文件,此文件有很多配置項,有的選項是默認從"settings.json"中取值的(比如"config.python.pythonPath")。如果"settings.json"中沒有配置它們的話,調試時可能會無法啟動。
同時,項目文件夾下面還自動生成了".vscode"文件夾。文件"launch.json"就在這個文件夾中。此時VSCode才算是真正意義上接手了這個項目文件夾。
網上的教程里,直接先在"settings.json"中把"python.pythonPath"先配置了一下,我當時不是太理解。現在看來,我們也需要配置一下了。
配置完之後,就可以正常調試程序了。
用VSCode調試帶參的Python程序
修改test.py裡面的代碼,讓它能列印參數(修改後的代碼見下面的圖片)。
修改launch.json,找到"configurations"中"name"為"Python"的那個配置塊,給它添加"args"項,如下圖所示:
添加前的配置塊:
添加後的配置塊:
文件launch.json修改完畢後,按F5調試程序,可以看到控制台輸出的結果:
在按F5調試時,VSCode每次都會在程序入口處暫停住,這是配置項"stopOnEntry"在起作用,將其改成false後就不會出現這種情況了。
用VSCode自動格式化代碼
VSCode「自動格式化代碼」的快捷鍵是「Alt+Shift+F」。要格式化Python代碼,需要安裝Python包yapf(或autopep8、等)。
在命令行下執行:
[plain] view plain
python -m pip install yapf
然後配置"settings.json",啟用yapf:
用VSCode對python代碼進行語言分析
VSCode使用python的語言分析(寫python代碼的時候,編輯器會提示哪裡出錯,哪裡的代碼格式不規范),可以安裝flake8(或pylint、等):
在命令行下執行:
[plain] view plain
python -m pip install flake8
然後配置"settings.json",啟用flake8:
更換文件圖標主題(使VSCode左側的資源管理器根據文件類型顯示圖標):
可以選擇已經存在的文件圖標主題:"文件"->"首選項"->"文件圖標主題"->"Seti(Visual Studio Code)"。
你也可以安裝「vscode-icons」插件,安裝的方式:
在「擴展(Ctrl+Shift+X)」中,搜索「vscode-icons」,然後安裝並重新載入它,然後VSCode會讓你執行一些操作,以激活"vscode-icons"插件。操作為:
"文件"->"首選項"->"文件圖標主題"->"VSCode Icons"。對應到英文的話,應該是"File" -> "Preferences" -> "File Icon Theme"->"VSCode Icons"。
Guides(縮進線插件,讓代碼看起來更清晰):
在「擴展(Ctrl+Shift+X)」中,搜索「Guides」,然後安裝並重新載入它即可。
⑹ 利用vscode在windows下gcc編譯開發
https://cmake.org/download/
https://www.jianshu.com/p/9994a65f2905
https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools
如果使用CMake quickstart 生成的項目需要 刪除 除了 CMakeLists.txt 和 main.cpp 外的所有東西,然後新建build目錄,在build目錄下執行
然後在build目錄下make
測試編譯效果
⑺ 如何在VSCode內編譯運行C++
在
visual
studio
code中編譯運行c/c++代碼方法:
可以使用
code
runner
-
visual
studio
marketplace
。安裝好這個插件,不用進行任何配置就能直接編譯並運行,默認情況下使用的是gcc和g++。有需要的話也可以更改配置文件來使用其他編譯器,比如clang。
⑻ vscode C語言如何編譯多個源文件
你可以寫一個類似的任務在task里:在args一行,寫你需要編譯的文件
{
"label": "build my project",
"type": "shell",
"command": "C:\\MinGW\\bin\\g++.exe",
"args": ["main.cpp", "test.cpp", "-o", "test.exe"],
"group": "build",
},
你還可以寫一個make任務,對於文件多的,手寫不現實,可以做一個makefile
這樣你只要在launch裡面
preLaunchTask,寫上這個build my project,就可以了。
⑼ vscode怎麼編譯python
最近在學習python,之前一直用notepad++作為編輯器,偶然發現了VScode便被它的顏值吸引。用過之後發現它啟動快速,插件豐富,下載安裝後幾乎不用怎麼配置就可以直接使用,而且還支持markdown。當然,最主要的還是好看:p
效果圖:
VScode下載地址
安裝python插件
打開VScode,Ctrl+p
輸入 "ext install python",搜索時間可能會比較長
選擇下載量最高的那個插件點擊安裝(根據網路情況,安裝時間不確定,我當初裝了挺久,我這邊已經下載好了所以顯示卸載)
到這邊VScode就可以編輯python代碼了,編輯完代碼按F5即可運行。初次運行會讓你選環境,選擇python即可。
默認按F5後需要再按一次F5程序才會運行,如果要按F5馬上運行需要將launch.json文件的 "stopOnEntry": true,改為 "stopOnEntry": false。
推介個插件,vscode-icons可以使VScode左側的資源管理器根據文件類型顯示圖標
配置flake8
安裝flake8之後寫代碼的時候編輯器就會提示哪裡出錯,代碼格式不規范也會提示
打開命令行
輸入 "pip install flake8"
安裝flake8成功後,打開VScode,文件->首選項->用戶設置,在settings.json文件中輸入"python.linting.flake8Enabled": true
配置yapf
安裝yapf之後在VScode中按Alt+Shift+F即可自動格式化代碼
打開命令行
輸入 "pip install yapf"
安裝yapf成功後,打開VScode,文件->首選項->用戶設置,在settings.json文件中輸入"python.formatting.provider": "yapf"
幾個小技巧
查看函數或者類的定義
Ctrl+滑鼠左鍵點擊函數名或者類名即可跳轉到定義處,在函數名或者類名上按F12也可以實現同樣功能
更改變數名
在變數名上按F2即可實現重命名變數
python斷點調試
在行號的左邊點擊即可設置斷點,在左邊的調試界面可以查看變數的變化
隱藏菜單欄
這個屬於個人習慣,如果你也感覺菜單欄很礙眼,可以點擊查看->切換菜單欄,即可隱藏菜單欄。需要菜單欄的時候按Alt鍵即可查看
設置快捷鍵
文件->首選項->鍵盤快捷方式,將需要的修改的快捷鍵的整個大括弧裡面的內容復制到右邊keybindings.json文件中,然後修改「key」的值為你需要的快捷鍵即可。我這邊只修改了復制一行和刪除一行的快捷鍵。
最後
有什麼需要補充或者哪裡有錯誤的歡迎大家指出(。・`ω´・)
⑽ vscode編譯調用32位dll
1、首先vscode編譯調用32位dll的軟體開啟並登錄的賬戶。
2、其次在軟體內找到vscode的編譯器,並選擇調用32位dll。
3、最後點擊保存即可。