webstorm开发工具-如何设置vue的npm项目启动快捷方式

项目开发工具使用中,遇到用webstorm打开项目代码,左下角没有npm项目启动快捷方式。

本文介绍以下三种方式生成npm项目启动快捷方式图标:

方式一:选中"package.json"文件,然后右键,点击"Show npm Scrpits" 

方式二:点击View按钮的下拉菜单,选择"npm"

方式三:点击Run按钮的下拉菜单然后选择"Edit Configurations")来编辑运行/调试配置。

Alt+ Shift + F10 或 Run—> 选择"Run.."

提示框显示如下:点击"Edit Configurations"

点击左上角"+" 或者 点击 "Add new run Configuration"

在弹出的窗口中,点击左上角的"+"按钮,然后选择"npm" (若点击 "Add new run Configuration",可忽略此步骤)

1.在"Name"字段中,为您的配置起一个名字,例如"serve"。

2.在"package json"字段中,选择项目中的"package.json"文件。

3.在"Command"字段中,选择"run"。

4.在"Scripts"字段中,输入"serve"。(这是package.jsonscripts配置项npm run serve对应的命令)

5.确认后点击窗口右下角"Apply", 然后点击"Run"