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