vue进阶1-2 - 项目搭建（@vue/cli）

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli

一、安装Nodejs

1. 点击 https://nodejs.org/en/download/ 下载并安装node。
2. 安装成功后，在终端输入 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、配置项目插件和功能

五、启动项目

1. 进入项目目录： cd vue3
2. 启动项目： npm run serve

注意：Vue.js 不支持 IE8 及其以下 IE 版本。

六、项目目录

Vue CLI 3去掉了2.x build和config等目录 ,通过新建 vue.config.js 来进行配置，具体可参考https://cli.vuejs.org/zh/conf...

七、后台管理系统实战

简单的写了个后台管理系统demo,需要参考的童鞋可点击链接

https://github.com/graycrr/vu...