项目开发工具使用中,遇到用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.json
中scripts配置项
下npm run serve
对应的命令)5.确认后点击窗口右下角"Apply", 然后点击"Run"