VS Code 使用技巧

中文顯示:

打開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",
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章