vue idea前端环境搭建,启动前端程序

1.先在idea中配置vue插件
点击File–>Settings–>Plugins–>搜索vue.js插件进行安装,我的已经安装好了,跟着安装就可以
vue idea前端环境搭建,启动前端程序_第1张图片
2.安装node.js环境
百度node官网下载最新的node.js,然后用管理员打开,一路点下一步。
在这里插入图片描述
安装完成后,去cmd中输入 node -v
vue idea前端环境搭建,启动前端程序_第2张图片
然后输入 npm -v
vue idea前端环境搭建,启动前端程序_第3张图片
这里表示安装成功。

3.安装npm
由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以还需要安装npm的国内镜像----cnpm
在命令行中运行命令cnpm install -g vue-cli,然后等待安装完成,通过以上三步,我们的环境和工具都准备好了

4.启动项目
先到对应的目录下
vue idea前端环境搭建,启动前端程序_第4张图片
这里要注意,目录不对,启动不会成功的
然后执行npm install
在执行npm run dev
因为我的配置是dev,注意看自己package.json的文件
vue idea前端环境搭建,启动前端程序_第5张图片
启动成功
vue idea前端环境搭建,启动前端程序_第6张图片

你可能感兴趣的:(intellij-idea,vue.js,前端)