vscoder FAQ 和 插件

 

 

 

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章