IDE通用设置

提示

本项目推荐使用WebStorm开发, 因为借助编辑器我们可以更高效的开发。

设置Tslint语法校验

目前WebStrom可以检查ts文件的格式。

进入Setting -> Language & Frameworks -> TypeScript -> Eslint。 选择自动选择TypeScript配置或者手动指定配置。

tslint_edit

这样写.ts文件时,编辑器会自动提示语法和格式,想要编辑器帮你修复格式和语法,可以在代码编辑区点击鼠标右键,选中

tslint_edit_2

注意:.vue文件里面的TypeScript代码没有右键修复的选项,只有语法和格式提示。

设置编辑器按钮执行npm命令

WebStorm可以设置按钮启动npm命令。

按钮启动

点击如图所示的红框中的下拉按钮,在弹出的选项中点击``Edit Configurations`。

按钮启动步骤1

弹出界面如图,点击+号,选择npm项,选择命令并修改名字,点击保存即可。

按钮启动步骤2

就可以用启动按钮启动了。