1. 程式人生 > >vsCode常用插件的安裝

vsCode常用插件的安裝

snippet 有效 nod 數據 http服務 rsh deb strac pack

常用插件

Auto Close Tag //補全代碼標簽

Beautify //代碼格式化

HTML Snippets //html代碼
HTML CSS Support //css格式
Debugger for Chrome //在谷歌中打開

JavaScript (ES6) code snippets //es6

Chinese (Simplified) Language Pack for Visual Studio Code //中文簡體 ctrl+alt+p 輸入config "locale":"zh-cn"
vue-color //vue文件代碼顏色

vscode提高效率有效使用插件:

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

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

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

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

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 測試正則的插件


vsCode常用插件的安裝