用WebStorm运行Vue项目

一、首先导入Vue项目,或者直接用WebStorm打开已存在的Vue项目。

二、如果导入到包报错,如Cannot find module 'xxx' or its corresponding type declarations,这时就Alt+F12打开终端命令窗口,然后运行命令npm install -g xxx,安装你所缺的包,之后再运行npm i 命令,进行重新加载,以防出错。

三、点击右上角的Add Configurations

      

     打开Run/Debug Configurations窗口

     

四、点击左上角的+号,选择npm

   

 五、填写命令的名字,选择运行的命令和脚本,选择项目中的npm所在的位置。确认后保存。

     

 六、点击右上角的运行即可

    

   运行成功后,可以在下方看到项目运行的地址,点击后就能跳转到项目了

   

    

原文地址:https://www.cnblogs.com/gcl6/p/13786677.html