vue提示插件[vscode]

時間 2019-11-09

標籤 vue 提示插件 vscode 简体版

原文原文鏈接

在VSCode Marketplace 搜素Vue 出現關於語法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比較了下載數量能夠了解到，vetur 是目前比較好的語法高亮插件，咱們來安裝一下吧。

vscode提升效率有效使用插件css

vscode-Document This-----jsdoc註釋生成。html

vscode-eCSStractor-----抽取頁面的class，生成一個css文檔。vue

vscode-CSS Peek------class名字定義跳轉。（終於擁有dw cc的這個css定義跳轉功能）node

vscode-Live Server-----http服務器（至關於使用nodejs的http-server ）。git

vscode-Change Case-----變量名命名風格切換。（解決了命名風格不統一的工具）vue-router

Auto Close Tag 自動閉合HTML標籤
Auto Rename Tag 修改HTML標籤時，自動修改匹配的標籤
Bookmarks 添加行書籤
Can I Use HTML五、CSS三、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）
HTMLHintHTML 格式提示
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-router二、vuex2） vuex

Quokka.js 能夠即時顯示js和ts的運行結果，想試驗一些短代碼的運行結果，可是又不想以後刪除文件的時候能夠用到npm

codeRunner 能夠運行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等開發語言並支持局部執行json