软件 | 版本 |
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 |
④ | 添加作者 | |
⑤ | 选择编译形式 | 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环境配好了！！！
