sass插件
scss intellisense
提示插件
sass
代碼高亮
Easy Sass
.scss代碼保存轉換爲css
sass variables helper
變量提示
typescript插件
tslint
typescript importer
vue typescript snippets
vue插件
vetur
vue vscode snippets
vue代碼提示
其它插件
auto close tag
關閉標籤
auto rename tag
標籤改名
beautify
代碼格式化
chinese
簡體中文
coder runner
代碼運行,用來運行js代碼結果
debugger for chrome
gitLens- git super
liver server
實時修改代碼自動刷新網頁
path autocomplete
路徑提示
Material Theme
主題
Auto Import
Import Cost
Indent-Rainbow 查看對齊
SVG Viewer
Prettier 代碼格式化
npm Intellisense
GitLens
Bracket Pair Colorizer 區分代碼塊,查看對於括號
CSS Peek 可以在 HTML 中通過 CSS id 或則 class 來定位到其定義。
FAQ
typescript在vscode中運行
安裝typescript
npm install -g typescript
安裝 Tpyings
typings 主要是用來獲取.d.ts文件。當typescript使用一個外部JavaScript庫時,會需要這個文件,當然好多的編譯器都用它來增加智能感知能力。
npm install -g typings
安裝 node 的 .d.ts 庫
typings install dt~node –global
初始化工程
npm init
tyc --init
ctrl + shift + b編譯,可以選擇watch或者build