VSCode提高 Node 和 Vue 開(kāi)發(fā)效率的插件推薦
在眾多代碼編輯工具中，我最喜歡的就是微軟的vscode。首先它十分輕便，不吃硬件，運(yùn)行非常順暢；其次是其各種各樣的插件使得編程效率蹭蹭地往上提，爸爸媽媽再也不用擔(dān)心我要加班了（才怪！??！不加班是不可能的）
插件列表
Auto Close Tag 自動(dòng)閉合HTML標(biāo)簽
Auto Rename Tag 修改HTML標(biāo)簽時(shí)，自動(dòng)修改匹配的標(biāo)簽
Bookmarks 添加行書簽
Can I Use HTML5、CSS3、SVG的瀏覽器兼容性檢查
Code Runner 運(yùn)行選中代碼段（支持大量語(yǔ)言，包括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語(yǔ)法代碼段
language-stylus Stylus語(yǔ)法高亮和提示
Lodash Lodash代碼段
markdownlint Markdown格式提示
MochaSnippets Mocha代碼段
Node modules resolve 快速導(dǎo)航到Node模塊
npm 運(yùn)行npm命令
npm Intellisense 導(dǎo)入模塊時(shí)，提示已安裝模塊名稱
Output Colorizer 彩色輸出信息
Partial Diff 對(duì)比兩段代碼或文件
Path Autocomplete 路徑完成提示
Path Intellisense 另一個(gè)路徑完成提示
Prettify JSON 格式化JSON
Project Manager 快速切換項(xiàng)目
REST Client 發(fā)送REST風(fēng)格的HTTP請(qǐng)求
Settings Sync VSCode設(shè)置同步到Gist
String Manipulation 字符串轉(zhuǎn)換處理（駝峰、大寫開(kāi)頭、下劃線等等）
Test Spec Generator 測(cè)試用例生成（支持chai、should、jasmine）
TODO Parser Todo管理
Version Lens package.json文件顯示模塊當(dāng)前版本和最新版本
vetur 目前比較好的Vue語(yǔ)法高亮
View Node Package 快速打開(kāi)選中模塊的主頁(yè)和代碼倉(cāng)庫(kù)
vscode-icons 文件圖標(biāo)，方便定位文件
VSCode Great Icons 文件圖標(biāo)拓展
VueHelper Vue2代碼段（包括Vue2 api、vue-router2、vuex2）
附錄：VSCode首選項(xiàng)配置
{
"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 開(kāi)發(fā)效率的插件推薦的文章就介紹到這了,更多相關(guān)VSCode插件推薦內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
unity下載并和vs2019關(guān)聯(lián)的步驟詳解
這篇文章主要介紹了unity下載并和vs2019關(guān)聯(lián)的步驟，文中通過(guò)圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Git獲取本地倉(cāng)庫(kù)及基礎(chǔ)操作指令總結(jié)
Git是一個(gè)分布式版本控制系統(tǒng)，和SVN類似，但遠(yuǎn)比SVN強(qiáng)大的一個(gè)版本控制系統(tǒng)。本文為大家總結(jié)了一下Git獲取本地倉(cāng)庫(kù)及基礎(chǔ)操作指令，需要的可以參考一下2022-08-08
git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例
這篇文章主要為大家介紹了git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
cnblogs 運(yùn)行代碼功能嘗試，使用cnblogs的朋友可以參考下。2011-08-08
Chrome瀏覽器斷點(diǎn)調(diào)試技巧(非常詳細(xì)!)
在我們?nèi)粘ｉ_(kāi)發(fā)中,常常利用chrome強(qiáng)大的控制臺(tái)Sources下面進(jìn)行代碼斷點(diǎn)調(diào)試,這篇文章主要給大家介紹了關(guān)于Chrome瀏覽器斷點(diǎn)調(diào)試技巧的相關(guān)資料,需要的朋友可以參考下2023-09-09
朋友在問(wèn)如何在IM即時(shí)通訊中實(shí)現(xiàn)發(fā)送圖片視頻語(yǔ)音和表情呢，今天小編通過(guò)本文給大家詳細(xì)介紹下，感興趣的朋友一起看看吧2020-05-05
大家在日常開(kāi)發(fā)中，經(jīng)常會(huì)遇到需要將代碼切回到之前的某個(gè)版本的情況，有可能是需要將代碼回滾，也有可能需要查看之前的某個(gè)實(shí)現(xiàn)。遇到這樣的情況，該怎么做呢？下面通過(guò)這篇文章來(lái)學(xué)習(xí)下Git中的回滾操作，有需要的可以參考借鑒。2016-09-09
這篇文章主要介紹了git 刪除某次指定的提交問(wèn)題，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的的朋友參考下吧2020-07-07
由于技術(shù)類網(wǎng)站經(jīng)常提供一些代碼，分享給大家，但普通的代碼看起來(lái)不那么舒服，所以很多人開(kāi)發(fā)了代碼高亮插件，讓代碼顯示的更漂亮2013-09-09
git-pycharm配置.ignore文件的詳細(xì)過(guò)程
在開(kāi)發(fā)中經(jīng)常需要配置提交git的忽略文件，本篇來(lái)學(xué)習(xí)下使用pycharm自動(dòng)生成.ignore文件，感興趣的朋友跟隨小編一起看看吧2023-06-06