VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件
生活随笔
收集整理的這篇文章主要介紹了
VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 下載和官網教程
- 下載地址:https://code.visualstudio.com/
- 官方教程:https://code.visualstudio.com/docs
2. 安裝插件
安裝擴展插件有以下三種方式:
- 選擇
Code>Preferences>Extensions; - 使用快捷鍵
Ctrl+Shift+X; - 使用快捷鍵
Ctrl+Shift+P進入命令面板,輸入Extensions: Install Extensions搜索擴展并進行安裝;
3. 自定義模板
選擇 Code>Preferences>User Snippets 或使用快捷鍵 Ctrl+Shift+P 進入命令面板,輸入 Preferences: Configure User Snippets 進行自定義代碼段的管理。
點擊 New Global Snippets file... 新建自定義代碼段: custom.code-snippets
{"Author Info": {"scope": "cpp,go, python","prefix": "author","body": ["/**","* $1","* @author wohu","*/","$2"],"description": "Author Infomartion"}
}
上述自定義代碼配置保存后,在 cpp,go, python 文件中輸入 author 即可生成自定義的代碼段。
4. 自定義配置參數
輸入快捷鍵 Ctrl+,,進入配置頁面,搜索關鍵詞調整配置參數。
也可以在 settings.json 中編輯自定義的配置:
{"editor.fontSize": 14, // 字體大小"editor.formatOnSave": true, // 保存時自動格式化"files.autoSave": "onFocusChange", // 失去焦點時自動保存文件"breadcrumbs.enabled": true, // 顯示文件路徑"window.zoomLevel": 0, // 窗口縮放比例"workbench.statusBar.visible": true, // 隱藏底部狀態欄"workbench.colorTheme": "An Old Hope Italic" // 編輯器主題
}
5. 自定義主題
VS Code 內置諸多不同風格的編輯器主題,輸入快捷鍵 Ctrl+K、Ctrl+T 彈出主題選擇界面,可以選擇自帶的主題。也可以在擴展中心安裝第三方主題后再在這里啟用。
也可以通過選擇菜單:文件 > 首選項 > 顏色主題
6. 配置參數說明
{"editor.fontSize": 14, // 字體大小"editor.formatOnSave": true, // 保存時自動格式化"files.autoSave": "onFocusChange", // 失去焦點時自動保存文件"breadcrumbs.enabled": true, // 顯示文件路徑"window.zoomLevel": 0, // 窗口縮放比例"workbench.statusBar.visible": true, // 隱藏底部狀態欄"workbench.colorTheme": "An Old Hope Italic", // 編輯器主題"workbench.iconTheme": "eq-material-theme-icons-ocean", // 圖標主題"workbench.startupEditor": "newUntitledFile", // 編輯器歡迎設置 "explorer.confirmDragAndDrop": false, // 移動文件時是否需要確認"explorer.confirmDelete": false, // 刪除文件時是否需要確認// 優化右側預覽地圖樣式"editor.minimap.renderCharacters": false,"editor.minimap.maxColumn": 200,"editor.minimap.showSlider": "always",// go開發配置"go.buildOnSave": "workspace","go.lintOnSave": "package","go.vetOnSave": "package","go.buildFlags": [],"go.lintFlags": [],"go.vetFlags": [],"go.coverOnSave": false,"go.autocompleteUnimportedPackages": true,"go.useLanguageServer": true,"go.inferGopath": true,"go.docsTool": "godoc","go.gocodePackageLookupMode": "go","go.gotoSymbol.includeImports": true,"go.useCodeSnippetsOnFunctionSuggest": true,"go.useCodeSnippetsOnFunctionSuggestWithoutType": true,"go.formatTool": "goreturns","go.gocodeAutoBuild": false,"go.liveErrors": {"enabled": true,"delay": 0},"go.gopath": "/data/go","go.goroot": "/usr/local/go/1.12.7/libexec"
}
7. 擴展插件
- Bracket Pair Colorizer:對括號進行成對著色
- Code Runner:各種語言寫的代碼直接運行
- GitLens:Git 源碼管理插件
- Settings Sync:VS Code 配置同步插件
- DotENV:.env 文件高亮插件
- Vim:VS Code 中使用 Vim 插件
- Beautify:代碼美化插件
- Markdown Preview Enhanced:Markdown 預覽插件
- Markdown PDF:根據 Markdown 文件導出 PDF 文件插件
總結
以上是生活随笔為你收集整理的VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2022-2028年中国演出市场深度调研
- 下一篇: 2022-2028年中国AKD施胶剂行业