使用VSCode开发ng2项目插件推荐

Angular Files :在vsc中集成angular-cli工具,可界面华新建component、directove、module、routing、pipe等feature

Auto Import:(重要)自动引入模块

Auto Rename Tag : html的开始和结束标签同时更新

beautify: 代码格式化工具

Document This: 目前vscode上最好的ts注释插件(用法ctrl+alt+d然后再Ctrl+alt+e或者d,e是全部加注释,d是对当前方法加注释)

One Dark Theme : VSCode仿atom主题插件

Path Intellisense : 路径提醒工具,非常方便

Project Manager :项目管理工具,通过配置来方便项目之间的切换

Settings Sync : 通过github账号的token设置不同机子vsc设置上的同步

TODO Parser:显示TODO列表(必须要大写:),通过f1输入Parser TODO列出所有TODO注释的代码

TSlint :ts语法代码质量检测

vscode-fileheader : 通过快捷键ctrl+alt+i在文档开头添加文件说明

npm :在vsc中运行npm指令

其他插件:

Git Easy:增加了vscode中自带的git操作,安装后按F1调出控制台,输入git easy [options]完成git操作,代替git bash。

debuggger for chrome : 在Chrome浏览器中调试(配置过程比较复杂,还没实际应用)。

vscode-todo 显示TODO list(推荐使用上面那个)

angular2 typescript snippets-johnpapa :angular2的代码辅助工具,安装完插件后输入ng2comonent等字符串即可提示输入Component(注意ng2和component之间是没有-的)

TypeScript Toolbox :typescript必备插件

spelling and grammar checker:语法检测

Start any shell : 在项目目录下打开cmd(可选)

background:VSCode美化插件,修改界面背景,详情见插件说明。

VScode-icons: 美化VSCode的界面,在文件名前面显示小图标,安装后每次打开自动启用。

使用VSCode开发ng2项目插件推荐_第1张图片
使用VSCode开发ng2项目插件推荐_第2张图片

参照:https://www.zhihu.com/question/40640654?sort=created

你可能感兴趣的:(使用VSCode开发ng2项目插件推荐)