Webstorm和Angular的前12个生产力技巧：第1部分

Webstorm＆Angular：前5个生产力提示（第1部分）

>

由Jetbrains赞助的这个两部分系列

探索了Webstorm内角发育的生产力提高。 Google开发人员专家Jurgen van de Moere和Todd Motto分享了他们的见解。 第一部分来自尤尔根

钥匙要点：

>利用WebStorm的集成角CLI来简化项目创建和功能添加，绕过命令行。
• >主有效导航：使用CMD单击/CMD B进行定义跳跃，并进行“搜索无处不在”对话框。
利用角语语言服务的力量来完成卓越的代码完成，错误检测和模板协助。
>使用WebStorm的内置工具，遵守项目设置的一致样式的自动代码格式。
• >轻松地优化导入，以消除未使用的导入，合并相关的导入并保持最佳捆绑尺寸。
• 1。 拥抱集成的角cli

> file＆gt;创建新项目新＆gt;项目＆GT; Angular Cli，指定项目位置。 添加功能（组件，服务，指令）同样简单：右键单击（或相关模块），然后选择。 WebStorm智能处理模块集成。

src/app 2。 pro-level导航

>使用cmd-click（或cmd b）有效地导航代码库，直接跳到定义。 这适用于组件，指令，样式表，模板，类等。 对于没有直接引用的文件，双换档激活“搜索到处”，启用了具有部分搜索词的快速文件位置。 CMD E提供了快速访问最近编辑的文件。

3。 解锁Angular语言服务WebStorm对Angular的内置支持非常出色，自动导入JavaScript模块并提供实时的打字条反馈。 通过安装Angular语言服务（

），进一步增强了这一点。 在npm install @angular/language-service --save-devpreverences＆gt;中启用它语言和框架＆gt;打字稿＆gt;使用打字稿服务＆gt;配置…＆gt;使用Angular Service。 这大大改善了模板中的代码完成，并提供了更精确的错误报告。>

4。 轻松的代码格式

>使用CMD选项B（或等效快捷方式）保持一致的代码样式。 WebStorm会在所有文件类型（模板，脚本，样式表，JSON）上自动格式化代码。 如果存在

文件，则WebStorm将提供应用其样式设置。 自定义格式偏好在tslint.json。

5。 通过优化导入的流线导入

>通过优化导入来保持捆绑尺寸的精益。 Ctrl Alt O（或CMD Shift A＆gt;“优化导入”）会自动合并从同一模块中导入，删除未使用的导入，并重新格式化导入语句。>

结论：

掌握这些WebStorm的特征可显着提高角发育生产力。 请继续关注Todd Motto的专家技巧的第2部分！ （原始文章中包括有关Webstorm和Angular Development的常见问题解答，但此处省略了）。

以上是Webstorm和Angular的前12个生产力技巧：第1部分的详细内容。更多信息请关注PHP中文网其他相关文章！