VSCode提高 Node 和 Vue 開發效率的外掛推薦
在眾多程式碼編輯工具中，我最喜歡的就是微軟的vscode。首先它十分輕便，不吃硬體，執行非常順暢；其次是其各種各樣的外掛使得程式設計效率蹭蹭地往上提，爸爸媽媽再也不用擔心我要加班了（才怪！！！不加班是不可能的）
外掛列表
Auto Close Tag 自動閉合HTML標籤
Auto Rename Tag 修改HTML標籤時，自動修改匹配的標籤
Bookmarks 新增行書籤
Can I Use HTML5、CSS3、SVG的瀏覽器相容性檢查
Code Runner 執行選中程式碼段（支援大量語言，包括Node）
CodeBing 在VSCode中彈出瀏覽器並搜尋，可編輯搜尋引擎
Color Highlight 顏色值在程式碼中高亮顯示
Color Picker 拾色器
Document This 註釋文件生成
EditorConfig for VS Code EditorConfig 外掛
Emoji 在程式碼中輸入emoji
ESLint ESLint外掛，高亮提示
File Peek 根據路徑字串，快速定位到檔案
Font-awesome codes for html FontAwesome提示程式碼段
ftp-sync 同步檔案到ftp
Git Blame 在狀態列顯示當前行的Git資訊
Git History(git log) 檢視git log
GitLens 顯示檔案最近的commit和作者，顯示當前行commit資訊
Guides 高亮縮排基準線
Gulp Snippets Gulp程式碼段
HTML CSS Class Completion CSS class提示
HTML CSS Support css提示（支援vue）
HTMLHint HTML格式提示
Indenticator 縮排高亮
JavaScript (ES6) code snippets ES6語法程式碼段
language-stylus Stylus語法高亮和提示
Lodash Lodash程式碼段
markdownlint Markdown格式提示
MochaSnippets Mocha程式碼段
Node modules resolve 快速導航到Node模組
npm 執行npm命令
npm Intellisense 匯入模組時，提示已安裝模組名稱
Output Colorizer 彩色輸出資訊
Partial Diff 對比兩段程式碼或檔案
Path Autocomplete 路徑完成提示
Path Intellisense 另一個路徑完成提示
Prettify JSON 格式化JSON
Project Manager 快速切換專案
REST Client 傳送REST風格的HTTP請求
Settings Sync VSCode設定同步到Gist
String Manipulation 字串轉換處理（駝峰、大寫開頭、下劃線等等）
Test Spec Generator 測試用例生成（支援chai、should、jasmine）
TODO Parser Todo管理
Version Lens package.json檔案顯示模組當前版本和最新版本
vetur 目前比較好的Vue語法高亮
View Node Package 快速開啟選中模組的主頁和程式碼倉庫
vscode-icons 檔案圖示，方便定位檔案
VSCode Great Icons 檔案圖示拓展
VueHelper Vue2程式碼段（包括Vue2 api、vue-router2、vuex2）
附錄：VSCode首選項配置
{
"editor.tabSize": 2,"files.associations": {
"*.vue": "vue"
},"eslint.autoFixOnSave": true,"eslint.options": {
"extensions": [
".js",".vue"
]
},"eslint.validate": [
"javascript","javascriptreact","vue","vue-html"
],"search.exclude": {
"**/node_modules": true,"**/bower_components": true,"**/dist": true
},"emmet.syntaxProfiles": {
"javascript": "jsx","vue": "html","vue-html": "html"
},"extensions.autoUpdate": true,"editor.renderWhitespace": "boundary","editor.cursorBlinking": "smooth","workbench.welcome.enabled": true
}
到此這篇關於VSCode提高 Node 和 Vue 開發效率的外掛推薦的文章就介紹到這了,更多相關VSCode外掛推薦內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！