idea启动vue项目

idea启动vue项目

因为之前用惯了idea，然后启动前端项目，也想使用idea，就探索了一下
用idea打开vue项目
有以下几个步骤
1）给idea安装vue的插件
2）给vue项目安装依赖
3）添加自启动便捷方式

1）给idea安装vue的插件（已有vue插件的，可跳过此步骤）
file–>settings–>plugins

搜索vue，点击安装上，会提示重启idea，重启就行了。

2）给vue项目安装依赖
点击idea，下方的Terminal，输入npm install，给项目安装依赖

3）添加自启动便捷方式
点击小锤子旁边的Edit Configurations，会弹出一个弹窗

点击“+”号，选中npm

配置选项，package.json选择的是项目自带的package.json，Scipts点击右侧下辣，选中命令，一般启动是dev或start等等，这个一般来源于项目自带的package.json设置的启动命令。build一般是打包项目的。设置完毕点击apply–>ok

这样就能看到小锤子旁边有运行的了，点击运行就行了。

（ps：这篇文章很适合后端人员看，毕竟很多后端人员不想专门下载前端工具，但有时候又需要起项目看代码）