安装Visual Studio Code
VS code和我们常用的VS压根不是一回事,它只是一个开源的轻量级编辑器,而不是IDE,因为支持typescript语法,且插件功能丰富,所以选择
官网下载正常安装即可,接下来安装几个功能强大的插件:
Debugger for Chrome: 必需插件!!用来调试的,后边调试环节详细介绍
Angular 2,4 and upcoming latest TypeScript HTML Snippets: 支持Angular2.0+的特性及语法
Path Intellisense: 自动路径补全
npm Intellisense: 支持在代码中导入npm模块(require方法)时的自动补全
Auto Close Tag: 输入开始标签后,自动添加结束标签
Auto Rename Tag: 修改html标签时,自动帮你完成尾部闭合标签的同步修改
HTML Snippets:提供对HTML语言的支持
HTML CSS Support:让 html 标签上写class 智能提示当前项目所支持的样式
Bracket Pair Colorizer:给括号加上不同的颜色,便于匹配
vscode-icons:给各种文件都加上图标
TSLint:TS语法检测
beautify : 可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用
emoji:可以在代码中加表情,改善心情~