vs coder中foler和workspace區別:
官方文檔說明workspace:
https://code.visualstudio.com/docs/editor/multi-root-workspaces#_opening-workspace-files
vscode左側不同顏色的含義：
代碼里的左側顏色標識:
紅色，未加入版本控制; (剛clone到本地)
綠色，已經加入版本控制暫未提交; (新增部分)
藍色，加入版本控制，已提交，有改動； (修改部分)
白色，加入版本控制，已提交，無改動；
灰色：版本控制已忽略文件。
git文件標識:
A: 增加的文件.
C: 文件的一個新拷貝.
D: 刪除的一個文件.
M: 文件的內容或者mode被修改了.
R: 文件名被修改了。
T: 文件的類型被修改了。
U: 文件沒有被合並(你需要完成合並才能進行提交)
X: 未知狀態】
插件：
圖標用 vscode-icons ，
VSCode Icons
https://blog.csdn.net/xiaomizhou66a/article/details/81260347
color scheme主題用;
主題風格分為2類： light themes，dark themes.
我喜歡淺色主題
bracket Light
Quiet Light
Light (Visual Studio ) 還是熟悉的Visual studio風格。
vscode常用快捷鍵：
Ctrl + Shift + P，F1 顯示命令面板 Show Command Palette
vscode工作區切換
打開最近打開的文件：ctrl + r
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
切換文件夾
當你按下 Ctrl + R 調出最近打開的文件夾的列表后，也能夠按下 Ctrl+ 回車鍵，將它在一個新的窗口中打開。
將文件夾打開在新的窗口中
正是因為有上面這幾個命令的存在，讓我覺得沒有多文件夾工作區也是可以的。當然，多文件夾工作區在某些方面的優勢是不可比擬的，比如說跨文件夾的代碼調試
https://geek-docs.com/vscode/vscode-tutorials/vscode-workspace-switch.html
VS Code 多文件夾工作區，多文件夾工作區（multi-root workspace）。老實說呢，這個概念是有一定的理解難度的。
上面我們提到的基於文件夾的這種項目管理方式，從 VS Code 第一天開始就存在了。也幾乎從第一天開始，我們就收到了用戶對於這一個設計不滿的反饋。對於這些不滿的用戶而言，他們的痛點在於他們經常需要同時對多個文件夾下的代碼進行操作。但是 VS Code 關於單個文件夾的這種操作模式，要求了他們必須同時打開多個窗口，並不停地在它們之間切換。
多文件夾工作區就是為了針對這個問題而實現的解決方案。那下面我們就一起來看一看怎樣去創建一個多文件夾工作區。
首先，在 VS Code 中打開一個文件夾，此時 VS Code 處於一個單文件夾的狀態。然后你可以調出命令面板，搜索 “將文件夾添加到工作區” （add folder to workspace）並執行，或者使用菜單，“文件 —> 將文件夾添加到工作區”，這之后，選擇你想要在當前窗口打開的文件夾。
添加新的文件夾到工作區內
此時在資源管理器里的標題欄里，你能看到“無標題 （工作區）”這樣的文字，這說明當前的工作區已經有多個文件夾了，只是現在你還沒有保存這個多文件工作區，也沒有給它指定一個名字。
要保存這個工作區，接下來你可以調出命令面板，搜索“將工作區另存為” （save workspace as），VS Code 就會為這個工作區創建一個文件，這個文件的后綴名是 “code-workspace”。比如，在下面的動圖中，我給這個工作區取名為 sample，然后指定在 Code中這個文件夾下保存。這樣操作后，VS Code 就會在 Code 文件夾下創建一個 sample.code-workspace 文件。
vscode sftp插件：
Ctrl + Shift + P，F1 顯示命令面板 Show Command Palette
Windwos下摁Ctrl+Shift+P，輸入SFTP: config命令並運行，進入sftp.json配置項如下：
{
"name": "站點名稱",
"host": "ip地址",
"port": 22,
"username": "登錄名",
"password": "登錄密碼",
"protocol": "sftp",
"agent": null,
"privateKeyPath": null,
"passphrase": null,
"passive": false,
"interactiveAuth": true,
"remotePath": "需要打到的遠程的文件夾地址",
"uploadOnSave": true,
"syncMode": "update",
"ignore": [
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
],
"watcher": {
"files": "glob",
"autoUpload": true,
"autoDelete": true
}
}
修改為自己機器對應的配置Ctrl+S即可。
sftp profiles配置:
有時候需要一個項目需要上傳到幾個服務器。
最關鍵就是這個“profiles”，多個服務器就在它里面配置，“profiles”是一個對象，里面每一個屬性代表一個服務器，這里“test_h5”就是其中一個服務器的名字，“real_m_240”就是另一個服務器的名字，“profiles”里面的服務器配置就是每個服務器的配置信息，而“profiles”外面的屬性就是所有服務器的公共屬性，比如“profiles”外面的“port”屬性，就是里面所有服務器的公共屬性，如果“profiles”里面某個服務器的配置屬性跟“profiles”外面的某個屬性名字一樣，那么，里面的屬性會覆蓋外面的屬性。
然后通過命令sftp：set Profile可以切換不同的服務器。
在vscode狀態欄會顯示當前的profile.
插件：
Bracket Pair Colorizer 2
它為代碼中的各種結對的括號兄弟們提供了顏色高亮等功能。
文件-首選項-設置(快捷鍵Ctrl+,)-然后打開settings.json后，如下圖操作。粘貼后Ctrl+s保存，不需要重啟會立即生效。
- {
- "git.ignoreMissingGitWarning": true,
- "breadcrumbs.enabled": true,
- "workbench.colorTheme": "One Dark Pro",
- "editor.fontFamily": "mononoki,Consolas, 'Courier New', monospace",
- "editor.renderLineHighlight": "none",
- "editor.lineHeight": 18,
- "editor.roundedSelection": false,
- "editor.fontSize": 14,
- "workbench.colorCustomizations": {
- "editor.selectionHighlightBorder": "#8e7f8200",//選擇內容的邊框顏色
- "editor.selectionHighlightBackground": "#4c4a4b98",//選擇內容的背景顏色
- "editorIndentGuide.activeBackground":"#81868d",//編輯器活動縮進參考線的顏色
- "editorBracketMatch.background":"#515a6b94",//匹配括號的背景色
- "tab.activeBackground": "#454b58",//當前選項卡背景顏色
- }
- }
vscode不同項目不同配色：
Peacock
當我們安裝好 Peacock 插件后，我們使用快捷鍵 Ctrl+Shift+P 可以快速調出 Command Palette。輸入 "Peacock:"，我們可以看到所有 Peacock 插件相關的命令。
如果你有很多的 workspace，而且又不想為每一個 workspace 搭配顏色。那么你可以試試把 "peacock.surpriseMeOnStartup" 設置為 true。設置了這個配置之后，Peacock 插件將會為以后每一個新打開的 workspace 選上一個隨機的顏色。
怎么樣？Peacock 插件是不是十分的方便？其實，Peacock 插件的功能遠不止這些！
讀者可以訪問 https://peacockcode.dev/ 來查看 Peacock 插件的完整的使用文檔
Bracket Pair Colorizer給嵌套的各種括號加上不同的顏色。
vscode todo插件：
在擴展中心搜索並安裝TODO Highlight。
2.相關配置：
默認情況下TODO:,FIXME:為高亮提醒的關鍵字，你可以以自定義關鍵字。
自定義關鍵字你可以通過：command + , (Windows / Linux: File -> Preferences -> User Settings) 打開VS Code的settings.json文件。
todohighlight.isEnable |
boolean | true | 啟用/停用highlight,默認值是true。 |
todohighlight.isCaseSensitive |
boolean | true | 關鍵字是否對大小寫敏感。 |
插件提供了下面的命令兩個命令
Toggle highlight: 打開/關閉 highlightList highlighted annotations:從匹配的文件中列出並顯示匹配內容。
還有個插件todo tree也是類似。
快速切換文件
ctrl+ p Quick Open, Go to File…
ctrl + tab Ctrl+Tab Open next
對於常用的標簽頁可以pin 下。