VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦
在眾多代碼編輯工具中，我最喜歡的就是微軟的vscode。首先它十分輕便，不吃硬件，運行非常順暢；其次是其各種各樣的插件使得編程效率蹭蹭地往上提，爸爸媽媽再也不用擔(dān)心我要加班了（才怪?。。〔患影嗍遣豢赡艿模?/p>
插件列表
Auto Close Tag 自動閉合HTML標(biāo)簽
Auto Rename Tag 修改HTML標(biāo)簽時，自動修改匹配的標(biāo)簽
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 根據(jù)路徑字符串，快速定位到文件
Font-awesome codes for html FontAwesome提示代碼段
ftp-sync 同步文件到ftp
Git Blame 在狀態(tài)欄顯示當(dāng)前行的Git信息
Git History(git log) 查看git log
GitLens 顯示文件最近的commit和作者，顯示當(dāng)前行commit信息
Guides 高亮縮進(jìn)基準(zhǔn)線
Gulp Snippets Gulp代碼段
HTML CSS Class Completion CSS class提示
HTML CSS Support css提示（支持vue）
HTMLHint HTML格式提示
Indenticator 縮進(jìn)高亮
JavaScript (ES6) code snippets ES6語法代碼段
language-stylus Stylus語法高亮和提示
Lodash Lodash代碼段
markdownlint Markdown格式提示
MochaSnippets Mocha代碼段
Node modules resolve 快速導(dǎo)航到Node模塊
npm 運行npm命令
npm Intellisense 導(dǎo)入模塊時，提示已安裝模塊名稱
Output Colorizer 彩色輸出信息
Partial Diff 對比兩段代碼或文件
Path Autocomplete 路徑完成提示
Path Intellisense 另一個路徑完成提示
Prettify JSON 格式化JSON
Project Manager 快速切換項目
REST Client 發(fā)送REST風(fēng)格的HTTP請求
Settings Sync VSCode設(shè)置同步到Gist
String Manipulation 字符串轉(zhuǎn)換處理（駝峰、大寫開頭、下劃線等等）
Test Spec Generator 測試用例生成（支持chai、should、jasmine）
TODO Parser Todo管理
Version Lens package.json文件顯示模塊當(dāng)前版本和最新版本
vetur 目前比較好的Vue語法高亮
View Node Package 快速打開選中模塊的主頁和代碼倉庫
vscode-icons 文件圖標(biāo)，方便定位文件
VSCode Great Icons 文件圖標(biāo)拓展
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
}
到此這篇關(guān)于VSCode提高 Node 和 Vue 開發(fā)效率的插件推薦的文章就介紹到這了,更多相關(guān)VSCode插件推薦內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
select下拉菜單實現(xiàn)二級聯(lián)動效果
這篇文章主要介紹了select下拉菜單實現(xiàn)二級聯(lián)動效果，在一些項目開發(fā)中經(jīng)常會遇到這樣的需求，今天小編通過實例代碼給大家講解，需要的朋友可以參考下2019-10-10
寫給正在讀計算機(jī)專業(yè)的同學(xué) 該如何學(xué)習(xí)
現(xiàn)在IT新技術(shù)日新月異。就常用編程語言而言,有c/c++、匯編、java，c#、Python等；操作系統(tǒng)平臺有unix/linux，windows系列2009-11-11
本文給大家總結(jié)了下get與post的具體區(qū)別，以及網(wǎng)上的那么多答案為什么都是錯誤的，非常的實用，這里推薦給大家2016-06-06
uni-app是一個使用Vue.js開發(fā)跨平臺個人文庫應(yīng)用的前端框架，開發(fā)者編寫一套代碼，可編譯到的iOS，安卓，H5，小程序等多個平臺。這篇文章主要介紹了十步搞定uni-app使用字體圖標(biāo)的方法,需要的朋友可以參考下2020-04-04
Web 設(shè)計與開發(fā)者必須知道的 15 個站點
今天讀到一篇文章，介紹了15個對 Web 設(shè)計與開發(fā)師極端有用的站點，里面有不少也是我們一直在使用的，也許對很多人都有用，翻譯出來以餉同仁。2009-08-08
在IDEA中搜索并安裝Git插件,我們可以輕松地將Git集成到IDEA中,本文主要介紹了Idea中使用git查看歷史版本的方法,具有一定的參考價值,感興趣的可以了解一下2024-03-03
VSCode?搭建?x264?源碼調(diào)試環(huán)境的詳細(xì)步驟
這篇文章主要介紹了VSCode?搭建?x264?源碼調(diào)試環(huán)境的詳細(xì)步驟，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-10-10
解決vs?code通過remote-ssh遠(yuǎn)程到ubuntu頻繁掉線問題
這篇文章主要介紹了vs?code通過remote-ssh遠(yuǎn)程到ubuntu頻繁掉線問題解決方法,這個解決方案只要用自己安裝的Git替換掉windows本身的Git工具，需要的朋友可以參考下2022-09-09
git log根據(jù)特定條件查詢?nèi)罩静⒔y(tǒng)計修改的代碼行數(shù)
這篇文章主要介紹了git log根據(jù)特定條件查詢?nèi)罩静⒔y(tǒng)計修改的代碼行數(shù),本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
Telnet協(xié)議是TCP/IP協(xié)議族中的一員，是Internet遠(yuǎn)程登錄服務(wù)的標(biāo)準(zhǔn)協(xié)議和主要方式，Telnet是常用的遠(yuǎn)程控制Web服務(wù)器的方法，本文給大家分享yum安裝telnet的步驟，感興趣的朋友一起看看吧2020-05-05