VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐

前言

说起来我会用VSCode,有很大一方面是因为工作需求[以前主力工具是Atom],刚好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我,裸奔的VSCODE是不可以接受的。so....
eg: vsc对于主流的语言智能提示都很赞,尤其对ng+ts支持相当完善


插件推荐

功能

  1. Auto Import : 对于一堆组件的我们来说,这货简直贴心,支持JSX和typescript,还有一些细致化的配置参数
  2. exports autocomplete : 和上个功能类似但是不等同,相当实用
  3. TypeLens : 类型引用索引展示,用过visual studio的都看到过,相当强大的一个功能;换个名词可能更多人知道,peek file
  4. TypeScript Import : 专门处理TS内模块导入的,和第一个互补;
  5. Typings : 这个就是用来处理d.ts
  6. AngularDoc for Visual Studio Code : 这个插件可以分析整个项目的依赖生成一个类似思维导图的(经常嗝屁,用了懒加载之后基本不全), 但是有另外一个相当实用的功能就是可以调用angular-cli的新建指令,在侧边栏右键可以直接看到;

代码片段

  1. Angular 2, 4 and upcoming latest TypeScript HTML Snippets : 在用这个插件之前,我装了几个NG2 snippet的插件,经过一段时间的比较,发现这个是比较全面和更新比较频繁的。。推荐嗯!!

语法

  1. Latest TypeScript and Javascript Grammar :完美的支持beta及稳定版本的TS语法;

总结

必备插件和工作栈插件的暂时就到此结束;

下篇文章就来说说Vs Code的常规设置及代码片段的写法以及快捷键的设置。。。^_^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值