1.安装Vue.js 的插件
![](https://img-blog.csdnimg.cn/20201114094154118.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
2. File -> Settings 中设置JS 版本
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094223465.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
3.在IDEA中的命令行运行项目
点击“Terminal” 进入命令行,这个命令行和cmd是一样的。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094346263.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
使用命令:
// 初始化
npm install
// 启动服务
npm run serve
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094424624.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
点击链接可直接打开浏览器
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094514922.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
4. 在IDEA命令行中怎么终止服务
按下Ctrl + C
:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094542196.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
进行确定:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020111409455978.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
5.在IDEA中进行配置,不用敲命令
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094625713.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
点击Edit Configurations
:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094639887.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
点击右上角的 “+” 号,选择 “npm”:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020111409465561.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)
这样就可以使用了:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201114094739940.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzE3NzE2,size_16,color_FFFFFF,t_70#pic_center)