WebStorm下的Angular 2.0开发实战

Webstorm 的 TypeScript 支持还是挺不错的,配合Angular 2.0开发体验也蛮顺的。你用新版 Webstorm 打开项目,右下角一看,有更新就点,别犹豫。为啥?因为Angular 2.0项目基本都用TypeScript,而 Webstorm 更新之后对高版本支持更好,语法提示、跳转都跟上了,写起来爽多了。

Webstorm 里的智能提示真不是吹的,比如写个ngOnInit,自动补全、类型推断全都有,代码一清爽,逻辑也跟着清楚了。你要是习惯用命令行搞 Angular CLI,Webstorm 的 Terminal 直接开着用,也方便。

要是你还没折腾过 Webstorm 配 Angular,可以先参考一下Angular2 开发环境配置详解,讲得还挺清楚。顺便也别忘了看看这个TypeScript 开发环境设置,两个结合起来,环境就妥了。

写完代码想跑项目,直接npm start搞起来。如果碰到依赖报错,看看package.json里是不是版本冲突。Webstorm 的 Terminal 真的是好用,不用来回切窗口。

推荐你再看看这个Angular2 示例代码,手把手带你撸一遍逻辑,适合刚上手的。哦对了,还有个harmonyos2-angular-webstorm-project-setup的教程也蛮专业的,点这里看

如果你是做多端开发的,像是移动端也顺带搞,那就更推荐用 Webstorm 打底的工程化方案。嗯,前端开发这块,顺手的 IDE 能让你事半功倍,Webstorm 就挺合适。

如果你 Webstorm 还停在老版本,真心建议更新一下。新版本不仅支持最新的 TypeScript,还对 Angular 语法提示更智能。开发起来不费劲,体验还挺顺滑的。

pdf 文件大小:190.49KB