| 软件 | 版本 |
|---|---|
| Vue.js | 2.5.2 |
| vue-router | 3.0.1 |
| Node.js | v8.15.0 |
| NPM | 6.4.1 |
文章目录
- 一、 Vue项目预热 - 环境配置
- 1. node.js环境配置
- 1-1. node.js下载
- 1-2. node.js安装
- 1-3. node.js安装完成后验证
- 3-2. 创建一个基于 webpack 模板的项目
- 3-3. 以npm形式运行travel项目 dev环境
一、 Vue项目预热 - 环境配置
1. node.js环境配置
1-1. node.js下载
node.js官网：https://nodejs.org/en/download/
1-2. node.js安装
- 一路下一步即可
1-3. node.js安装完成后验证
3-2. 创建一个基于 webpack 模板的项目
vue init webpack travel
- 安装图解
| 序号 | 图解 说明 | 选择 |
|---|---|---|
| ① | travel文件夹已经存在，是否网这个文件夹中添加文件 | y |
| ② | 项目名叫什么(要和你的项目名保持一致)，不能大写 ， | 默认即可 |
| ③ | 添加项目描述 | vue2.5 去哪儿app |
| ④ | 添加作者 | gb-heima <754263923@qq.com> |
| ⑤ | 选择编译形式 | standalone |
| ⑥ | 是否安装 vue-router工具，路由工具 | y |
| ⑦ | 是否使用ESLint对你的代码规范进行检查 | y |
| ⑧ | 选择代码检测的规范 | Standard |
| ⑨ | 是否进行单元测试 | n |
| ⑩ | 是否进行e2e测试 | n |
| ⑪ | 包管理使用npm还是用yarn |
项目初始化完成！！！
3-3. 以npm形式运行travel项目 dev环境
cd travel
npm run dev
- 浏览器访问vue终端：
http://localhost:8080
到此vue环境配好了！！！
