vue提示插件[vscode]


在VSCode Marketplace 搜素Vue 出現關於語法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等。比較了下載數量可以了解到,vetur 是目前比較好的語法高亮插件,我們來安裝一下吧。 
 
vscode提高效率有效使用插件

vscode-Document This-----jsdoc注釋生成。

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

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

vscode-Live Server-----http服務器(相當於使用nodejs的http-server )。

vscode-Change Case-----變量名命名風格切換。(解決了命名風格不統一的工具)

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) 
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-router2、vuex2)

Quokka.js                                    可以即時顯示js和ts的運行結果,想試驗一些短代碼的運行結果,但是又不想之后刪除文件的時候可以用到

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,等開發語言並支持局部執行

IntelliSense for CSS class names      智能提示 css 的 class 名

Node.js Modules Intellisense          可以在導入語句中自動完成JavaScript / TypeScript模塊。

vscode-faker                           生成假數據,地址,電話,圖片等等

Regex Previewer                        測試正則的插件

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM