vueCli3 项目 -- 01.项目展示及准备工作(cli3操作)
时间：
2019-11-04 21:55:51
阅读：
97
评论：
收藏：
0
[点我收藏+]
仿饿了么项目
展示：（也可以查看饿了么app）
1. 准备工作
1.1. 有 node.js 环境
1.2. vue cli 脚手架版本在3以上（版本低了或者没有安装，参考下一条）
1.3. 安装cli3
- 1.windows 卸载低版本：npm uninstall vue-cli -g
- (Linux 卸载：sudo npm uninstall vue-cli -g)
- 2.安装全局的，最新的cli: npm install -g @vue/cli
- (linux下: sudo npm install -g @vue/cli)
附：cnpm 代替 npm 更快
参考 cnpm镜像 地址
- cmd命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
- (linux下：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org)
- 出现这样的效果，就代表我已经装好了。也可以使用 cnpm -v 检测是否装好。
- 3.安装新的 cli 包：cnpm install -g @vue/cli
- (linux下：sudo cnpm install -g @vue/cli)
- 测试一下最新版本：vue -V
2. 构建项目
2.1. 在相应目录下使用命令：
2.2. 创建项目：vue create ele-app。创建过程中做以下配置：
2.3. 安装完了，我来查看一下当前效果
cd ele-app
npm run serve
注意：cli3以下的版本，我们使用的是：npm run dev
2.4. 我们在浏览器中打开本地的接口
3. 用编辑器打开当前项目ele-app
vueCli3 项目 -- 01.项目展示及准备工作(cli3操作)
原文：https://www.cnblogs.com/hefeifei/p/11794395.html
