中文顯示:
打開VS Code,使用快捷鍵【Ctrl+Shift+P】,在彈出的搜索框中輸入【configure language】,然後選擇搜索出來的【Configure Display Language】,如下圖:
然後就打開了locale.json文件,可以看到locale的屬性默認值爲en,刪除默認值,重新輸入英文 " " (冒號)會自動出現代碼提示選擇 zh-CN ,然後保存locale.json文件。如下圖:
重啓VS Code ,進來之後,發現還是英文顯示,是因爲沒有安裝中文語言包(插件),安裝方法參考插件安裝。
插件安裝:
0、Chinese (Simplified)Language Pack for Visual Studio Code
VSCode軟件顯示中文語言環境界面
1、HTML Snippets
超級使用且初級的H5代碼片段以及提示
2、HTML CSS Support
讓HTML標籤上寫class智能提示當前項目所支持的樣式
3、jQuery Code Snippets
jQuery 提示工具
4、Path Intellisense
路徑提示補全
5、Document this
Js的註釋模板
6、ESlint
ESlint接管原聲js提示,可以自定製體會規則
7、Auto Close Tag
自動補全html標籤
8、Auto Rename Tag
修改html標籤,自動幫你完成尾部閉合標籤的同步修改
9、View InBrowser
默認瀏覽器查看HTML文件(快捷鍵Ctrl+F1可以修改)
10、beautify
格式化代碼的工具
11、Rainbow Brackets
彩虹括號(不推薦用)
12、Guides
標籤對其線
13、Project Manager
在多個項目之前快速切換的工具
14、vscode-icons
讓 vscode 資源樹目錄加上圖標;
15、background
可以讓vscode的背景修改爲自己喜歡的圖,最多3張照片;
16、vsCode配置
// 控制是否顯示 minimap(縮略圖)
"editor.minimap.enabled": true,
// 視區寬度自動換行設置。
"editor.wordWrap": "on",
// 指定用在工作臺中的顏色主題。
"workbench.colorTheme": "Monokai",