vscode提高效率有效使用插件
vscode-Quokka------js實(shí)時(shí)編譯跑揉。(相當(dāng)于邊寫邊輸出控制臺(tái)信息)黍衙。
vscode-Document This-----jsdoc注釋生成凌净。
vscode-eCSStractor-----抽取頁(yè)面的class寻狂,生成一個(gè)css文檔邓萨。
vscode-CSS Peek------class名字定義跳轉(zhuǎn)蠕嫁。(終于擁有dw cc的這個(gè)css定義跳轉(zhuǎn)功能)
vscode-Live Server-----http服務(wù)器(相當(dāng)于使用nodejs的http-server )锨天。
vscode-Change Case-----變量名命名風(fēng)格切換。(解決了命名風(fēng)格不統(tǒng)一的工具)
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)行選中代碼段(支持大量語言,包括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)
HTMLHintHTML 格式提示
Indenticator 縮進(jìn)高亮
JavaScript (ES6) code snippets ES6語法代碼段
language-stylus Stylus語法高亮和提示
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)換處理(駝峰、大寫開頭胰伍、下劃線等等)
Test Spec Generator 測(cè)試用例生成(支持chai齿诞、should、jasmine)
TODO Parser Todo管理
Version Lens package.json文件顯示模塊當(dāng)前版本和最新版本
vetur 目前比較好的Vue語法高亮
View Node Package 快速打開選中模塊的主頁(yè)和代碼倉(cāng)庫(kù)
vscode-icons 文件圖標(biāo)骂租,方便定位文件
VSCode Great Icons 文件圖標(biāo)拓展
VueHelper Vue2代碼段(包括Vue2 api祷杈、vue-router2、vuex2)