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:这篇文章很适合后端人员看,毕竟很多后端人员不想专门下载前端工具,但有时候又需要起项目看代码)

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐