簡介
vscode是微軟開發的的一款代碼編輯器，就如官網上說的一樣，vscode重新定義（redefined）了代碼編輯器，當前市面上常用的輕型代碼編輯器主要是：sublime，notepad++，editplus，atom這幾種，比起notepad++、editplus，vscode集成了許多IDE才具有的功能，比起它們更像一個代碼編輯器；比起sublime，vscode顏值更高，安裝配置插件更為方便；比起atom，vscode啟動速度更快，打開各種大檔案不卡，可以說，vscode既擁有高自由度、又擁有高性能和高顏值，最關鍵的是，vscode還是一款免費并且有團隊持續快速更新的代碼編輯器，可以說，vscode是代碼編輯器的首選，個人推薦撰寫前端代碼時，代碼編輯器選擇vscode，IDE選擇WebStorm，vscode安裝插件只需要點擊圖片所示按鈕，即可進入拓展，在搜索框中輸入插件名點擊安裝后，等待安裝好即可點擊重新加載重啟vscode使得插件生效，
1、Chinese (Simplified) Language Pack for Visual Studio Code.
此中文（簡體）語言包為 VS Code 提供本地化界面，安裝后，在 locale.json 中添加 “locale”: “zh-cn”，即可載入中文（簡體）語言包，要修改 locale.json，你可以同時按下 Ctrl+Shift+P 打開命令面板，之后輸入 “config” 篩選可用命令串列，最后選擇配置語言命令，
可以將編譯器漢化，非常適合英文不好的同學，
2.Code Debugger
無需配置launch.json即可進行單檔案除錯，點擊右上角蟲子圖示或者右鍵選單都可以，
支持JS、TS、Python、Dart、Coffeescript、Go、C/C++、Rust、Bash、Lua，
3.Debugger for Chrome
支持谷歌瀏覽器除錯bug
4.ES7 React/Redux/GraphQL/React-Native snippets
在 VS Code 中支持 React Native，React，Redux 常見代碼片段的插件.
5.ESLint
ESLint 是一個代碼規范和錯誤檢查工具，所有東西都是可以插拔的，你可以呼叫任意的rule api或者formatter api 去打包或者定義rule or formatter，任意的rule 都是獨立的，沒有特定的coding style，你可以自己配置，
6.GitLens — Git supercharged
GitLens一個很厲害的vscode的git插件，支持在編譯器終端git各種操作，
7.HTML CSS Support
在撰寫樣式表的時候，自動補全功能大大縮減了撰寫時間，
8.JavaScript (ES6) code snippets
支持ES6語法提示，
9.Mithril Emmet
Emmet (前身為 Zen Coding) 是一個能大幅度提高前端開發效率的一個工具. 在前端開發的程序中，一大部分的作業是寫 HTML、CSS 代碼，特別是手動撰寫 HTML 代碼的時候，效率會特別低下，因為需要敲打很多尖括號，而且很多標簽都需要閉合標簽等，于是，就有了 Emmet，它可以極大的提高代碼撰寫的效率，它提供了一種非常簡練的語法規則，然后立刻生成對應的 HTML 結構或者 CSS 代碼，同時還有多種實用的功能幫助進行前端開發，VsCode內置了Emmet語法,在后綴為.html/.css中輸入縮寫后按Tab鍵即會自動生成相應代碼.
10.Path Intellisense
路徑提示插件，
11.Prettier - Code formatter
對代碼進行快速格式化，
12.Vue 3 Snippets
這是一款在 Vue 2 或者 Vue 3 開發中提供代碼片段，語法高亮和格式化的 VS Code 插件，能極大提高你的開發效率，
13.VueHelper
vscode最好的vue代碼提示插件，不僅包括了vue2所有api，還含有vue-router2和vuex2的代碼提示.(此插件作者已轉行做影視，可以使用Vue 3 Snippets，如果不使用本插件)，
VS code快捷鍵
好啦，本期內容就分享到這里，我們下期見！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/287166.html
標籤：其他