前言
说起来我会用VSCode,有很大一方面是因为工作需求[以前主力工具是
Atom
],刚好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我,裸奔的VSCODE是不可以接受的。so….
eg: vsc对于主流的语言智能提示都很赞,尤其对ng+ts支持相当完善
插件推荐
功能
- Auto Import : 对于一堆组件的我们来说,这货简直贴心,支持JSX和typescript,还有一些细致化的配置参数
- exports autocomplete : 和上个功能类似但是不等同,相当实用
- TypeLens : 类型引用索引展示,用过
visual studio
的都看到过,相当强大的一个功能;换个名词可能更多人知道,peek file
- TypeScript Import : 专门处理TS内模块导入的,和第一个互补;
- Typings : 这个就是用来处理
d.ts
的 - AngularDoc for Visual Studio Code : 这个插件可以分析整个项目的依赖生成一个类似思维导图的(经常嗝屁,用了懒加载之后基本不全), 但是有另外一个相当实用的功能就是可以调用
angular-cli
的新建指令,在侧边栏右键可以直接看到;
代码片段
- Angular 2,4 and upcoming latest TypeScript HTML Snippets : 在用这个插件之前,我装了几个NG2 snippet的插件,经过一段时间的比较,发现这个是比较全面和更新比较频繁的。。推荐嗯!!
语法
- Latest TypeScript and Javascript Grammar :完美的支持beta及稳定版本的TS语法;