① vscode 可以直接調試ts文件嗎
vscode使用task.json來配置項目的構建過程。
打開命令面板(Ctrl+Shift+P)選擇Run Build Task(Ctrl+Shift+B)
如果當前工作空間沒有task.json配置文件此時會出現提示
選擇 Configure Task Runner 自動創建task.json。該配置文件在工作空間的.vscode目錄下,這個目錄也是存放vscode配置的文件夾。
vscode默認的task配置文件中給出了執行tsc 和 gulp模板配置。簡單介紹一下task.json的寫法
{
"version": "0.1.0",
// 要使用的命令或者可執行文件的路徑
"command": "tsc",
// 對應command參數,是否是一個命令,否則為執行文件路徑
"isShellCommand": true,
// 是否在執行task任務時顯示控制台窗口
"showOutput": "always",
// 對應command參數指定程序的參數
"args": ["-p", "src", "--allowJs", "-w"],
// 不太明白這個,基本用不到
"problemMatcher": "$tsc",
}
另外還有更多參數和用法可以參照下面的官方文檔
https://code.visualstudio.com/docs/editor/tasks
配置好了之後使用默認的快捷鍵Ctrl+Shift+B即可執行編譯。
運行和調試項目
vscode默認支持nodejs,ts,js等項目的調試。使用launch.jsonp配置調試參數。
調試啟動調試的默認快捷鍵是F5, 如果沒有launch.json則會彈窗提示選擇調試環境,並自動創建launch.json
② vscode 用戶配置 是哪個文件
在用戶目錄的AppdataRoamingCodeUser文件夾中一個名為「settings」的json文件。解決方法如下:
1、首先在電腦桌面中找到並點擊vscode。
③ VS Code中的文件夾(Folder)與工作區(Workspace)
在VS Code的「 文件 」菜單中, 「打開文件夾(Open Folder)」 是指開打項目文件夾的根目錄。一個項目文件夾(Project Folder)包含一個或多個文件夾與項目相關的文件夾,以及與該項目相關的VS Code配置(放在.vscode文件夾中)。
在「 文件 」菜單中,還有一個選項: 「打開工作空間(Open Workspace)」, 這個選項和「打開文件夾」有什麼區別?什麼時候應該使用文件夾?什麼時候應該使用工作空間呢?
在VS Code中,工作空間(workspace)具體指後綴為*.code-workspace的文件,它是一個 JSON with Comments 格式的文件,裡麵包含了所有與該工作空間相關聯的文件夾,以及相關的VS Code配置信息,如下所示。
雙擊*.code-workspace文件,啟動VSCode打開工作空間與啟動VSCode後,用「打開文件夾」方式打開項目文件夾的區別是,前者的文件夾名後面有一個工作空間(workspace)的後綴
[ 什麼時候用工作區? ] 有且僅有需要同時在多個項目上工作的時候,才需要創建工作區,這時候,工作區裡面有多個項目文件夾的根目錄(root),即: Multi-root Workspaces
[ 什麼時候用文件夾? ]在一個項目上工作,使用文件夾,就夠了。針對該項目設置完VS Code後,VS Code會自動在項目文件夾的根目錄中創建一個.vscode文件夾存儲VS Code配置(settings.json文件)