Vue CLI 的包名称由 vue-cli 改成了 @vue/cli
一、安装Nodejs
- 点击 https://nodejs.org/en/download/ 下载并安装node。
- 安装成功后，在终端输入
npm -v,会显示npm的版本信息。
二、安装淘宝镜像
npm是nodejs的包管理工具，为了加快下载速度，可安装淘宝镜像，安装成功后可cnpm代替npm，在终端输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
三、安装Vue CLI 3
1、Vue CLI 3 需要 Node >=8.9
2、如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
全局安装@vue/cli，在终端输入
npm install -g @vue/cli
安装成功后，可用 vue -V 查看版本。
四、创建vue项目
使用脚手架创建项目，vue3为项目名称
vue create vue3
如下图，你会被提示选取一个 preset。
default: 适合快速创建一个新项目的原型
Manually select features: 是面向生产的项目更加需要的
1、选择 default
2、选择 Manually select features, 可根据自身需求进行选择配置
3、配置项目插件和功能
五、启动项目
- 进入项目目录：
cd vue3 - 启动项目：
npm run serve
注意：Vue.js 不支持 IE8 及其以下 IE 版本。
六、项目目录
Vue CLI 3去掉了2.x build和config等目录 ,通过新建 vue.config.js 来进行配置，具体可参考
https://cli.vuejs.org/zh/conf…
七、后台管理系统实战
简单的写了个后台管理系统demo,需要参考的童鞋可点击链接
