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

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

1、安装Nodejs

1. 点击 https://nodejs.org/en/download/ 下载并安装node。
2. 安装成功后，在终端输入 npm -v ,会显示npm的版本信息。

2、安装淘宝镜像

npm是nodejs的包管理工具，为了加快下载速度，可安装淘宝镜像，安装成功后可cnpm代替npm，在终端输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装Vue CLI 3

一、Vue CLI 3 须要 Node >=8.9
二、若是你已经全局安装了旧版本的 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 查看版本。

4、建立vue项目

使用脚手架建立项目，vue3为项目名称

vue create vue3

以下图，你会被提示选取一个 preset。
default: 适合快速建立一个新项目的原型
Manually select features: 是面向生产的项目更加须要的

一、选择 default

二、选择 Manually select features, 可根据自身需求进行选择配置

三、配置项目插件和功能

5、启动项目

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

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

6、项目目录

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

7、后台管理系统实战

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

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