下载node.js配置vue环境并在IDEA运行

以下是vue-cli2

==============================================================

1.安装node.js

在官网下下载对应的node.js版本,推荐下载mis(环境变量会自动配置)

http://nodejs.cn/

下载node.js配置vue环境并在IDEA运行_第1张图片

下载完打开安装,可以更改安装目录(推荐不要安装在系统盘),一直点击下一步

安装完成,在命令行界面输入node -v 和 npm - v

下载node.js配置vue环境并在IDEA运行_第2张图片

node.js安装成功

 2. 安装npm的国内镜像cnmp

npm install -g cnpm --registry=http://registry.npm.taobao.org

下载node.js配置vue环境并在IDEA运行_第3张图片

注意:如果进度条卡住不动,按ctrl+c终止操作,再执行一次即可(如果还是不行,问度娘)

输入cnpm -v,有显示目录则成功

3.安装vue-cli构建工具

cnpm install -g vue-cli

-g是全局。也可使用-gd(d是包含开发和运行环境的依赖)

下载node.js配置vue环境并在IDEA运行_第4张图片

vue-cli2安装成功 

4.创建vue-cli2项目

安装完运行环境和构建工具后,就开始使用vue-cli来构建项目

下载node.js配置vue环境并在IDEA运行_第5张图片

以下,路由选择Y,代码规范暂时选择N(后期可通过命令改变)其余均回车选择默认

下载node.js配置vue环境并在IDEA运行_第6张图片

(后续如果要在开发环境安装esLint:先cd到项目文件夹如cd test1,然后npm install eslint --save-dev)

下载node.js配置vue环境并在IDEA运行_第7张图片

(run之前有时需要下载依赖cnpm install)

下载node.js配置vue环境并在IDEA运行_第8张图片

下载node.js配置vue环境并在IDEA运行_第9张图片

5.在idea配置运行vue项目

打开IDEA然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea

下载node.js配置vue环境并在IDEA运行_第10张图片

下载node.js配置vue环境并在IDEA运行_第11张图片

下载node.js配置vue环境并在IDEA运行_第12张图片

配置完成后启动项目

okk

你可能感兴趣的:(vue)