VSCode（Visual Studio Code）是由微軟研發的一款免費、開源的跨平臺文字（程式碼）編輯器，算是目前前端開發幾乎完美的軟體開發工具。

1.VSCode下載

VSCode下載連結: https://code.visualstudio.com/

2.VSCode漢化

3.VSCode常用外掛(安裝步驟同漢化)

3.1Auto Close Tag (自動閉合HTML/XML標籤)

3.2Auto Rename Tag (自動完成另一側標籤的同步修改)

3.3Beautify (格式化 html,js,css)

3.4Bracket Pair Colorizer(給括號加上不同的顏色，便於區分不同的區塊)

3.5Debugger for Chrome(對映vscode上的斷點到chrome上，方便除錯)

3.6ESLint(js語法糾錯，可以自定義配置)

3.7GitLens(方便檢視git日誌)

3.8HTML CSS Support (智慧提示CSS類名以及id)

3.9HTML Snippets(智慧提示HTML標籤，以及標籤含義)

3.10JavaScript(ES6) code snippets(ES6語法智慧提示，以及快速輸入)

3.11jQuery Code Snippets(jQuery程式碼智慧提示)

3.12Markdown Preview Enhanced(實時預覽markdown)

3.13markdownlint(markdown語法糾錯)

3.14Material Icon Theme(vscode圖示主題)

3.15Icon fonts(圖示字型)

3.16open in browser(右鍵快速在瀏覽器中開啟html檔案)

3.17Path Intellisense(自動提示檔案路徑)

3.18React/Redux/react-router Snippets(React/Redux/react-router語法智慧提示)

3.19Vetur(Vue多功能整合外掛，錯誤提示等)

3.20Class autocomplete for HTML(智慧提示HTML class =“”屬性)

3.21npm Intellisense(require 時的包提示)

4.VSCode快捷鍵

4.1左側是按鍵，右側是功能(下同)

4.2基礎編輯

4.3導航

4.4搜尋和替換

4.5多游標和選擇

4.6語言編輯

4.7編輯器管理

4.8檔案管理

4.9顯示

4.10除錯

4.11整合終端

到此這篇關於VSCode常用知識小結的文章就介紹到這了,更多相關VSCode小結內容請搜素我們以前的文章或下面相關文章，希望大家以後多多支援我們！