vue-cli环境搭建

原文扫码搜索 vue-cli环境搭建

安装环境：windows
运行环境：nodeJS

项目构建前期准备工作：

1、首先安装好nodeJS环境
nodeJS下载地址：http://nodejs.cn/download/
可根据自身情况，下载对应的nodeJS安装包
1.1、 安装成功后，运行 node -v 命令查看nodeJS版本，运行成功后，会出现以下内容；

2、运行 npm install -g vue-cli 全局安装vue-cli 环境
3、运行 Vue -V 查看 vue-cli版本，运行成功后，会出现以下内容；

开始构建vue-cli项目：

4、运行 vue init webpack element-demo 构建vue-cli项目，element-demo 指的是项目名称；项目名称可以根据实际项目需要，自定义命名；运行完成后会出现以下结果：

4.1、Project name 项目名称，默认也可以，也可以根据需要自行命名
4.2、接下来可根据需要自行一路回车，不做过多介绍：

4.3、 项目名称 完成后，项目描述，作者;运行环境，可根据自身项目需要操作；
4.4、Vue build (Use arrow keys) 作者选择的是 Runtime + Compiler: recommended for most users ；实际选择可根据项目需要操作
4.5、是否需要安装vue-router,可选择 是；

4.6 是否需要 ESLint 检查项目，如果觉得麻烦，可以选择 否；实际选择可根据项目需要操作

4.7、是否需要单元格测试，可以选择 否；实际选择可根据项目需要操作

4.8、是否需要E2E测试。可以选择 否

4.9、选择运行环境；作者选择的是npm; 实际选择可根据项目需要操作
选择完成之后，程序就会开始自动构建项目
4.10、 构建项目成功后，依照提示 cd 到项目目录里面进行操作，如果出现以下提示表明项目构建成功；

运行 cd element-demo , 进入到项目跟目录， 之后运行 npm run dev
4.11、运行 npm run dev 启动项目，完成后，出现以下内容表示运行成功

此时可以在浏览器运行 http://localhost:8082 查看你的项目
4.12、浏览器运行http://localhost:8082 完成后，出现以下内容，表明你的项目已经构建成功了。接下来就可以开发自己的项目了