用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所在的位置。确认后保存。

     

 

 

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

    

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