Angular入门之环境搭建,VS code(转载

安装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:可以在代码中加表情,改善心情~