vue-cli3搭建项目 + 引入 element ui 实例

其实非常简单，个人觉得比2.x版本简洁很多，少了很多配置文件。上手也很快，官网的介绍也挺详细的。
点我进入vue-cli官网

第一步：安装

如果之前已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，需要先通过 npm uninstall vue-cli -g 卸载它。
Vue CLI 需要 Node.js 8.9 或更高版本 (官方推荐 8.11.0+ 我目前是v10.15.3）

以上准备完后，命令行安装：npm install -g @vue/cli
安装然后 vue --version确认一下版本号
第二步：创建项目
运行以下命令来创建一个新项目，项目名称就叫helloworld

vue create helloworld

会询问是否使用默认项还是手动选择功能，
我是小白怂怂的默认项..

? Please pick a preset:
> default (babel, eslint) //默认
> Manually select features //手动选择功能

然后我只安装了npm，所以默认npm安装，还安装了Yarn的小伙伴应该还会问一下安装方式..
然后就出现了出现了一些可爱的小表情🚀和安装过程的提示~

Vue CLI v3.0.0-alpha.5
✨  Creating project in E:\git\note\my-project. // 创建项目
🚀 Initializing git repository... // 初始化git库
📦  Installing CLI plugins. This might take a while... // 安装脚手架插件

最后我们的项目创建完成：

项目目录

———————— ✨ 手动分割线 ✨ ————————

然后接下来是如何引入elementUI呢？
第一步：进入项目目录并安装element-ui

cd my-app
npm i element-ui -S

第二步：项目中配置element

vue add element

第三步：接下来会出现一些选项需要选择一下
第一条选项比较重要，问是全部引入还是按需引入~
大家根据需要选择即可，我选的默认全部。

出现的一些选项

第四步：检查是否安装成功
装完后cmd还会温馨提示建议使用git管理~ 我们通过package.json来确认一下，安装成功后package.json可以看到相关依赖。👇

image.png

第五步：项目中引入
main.js文件中加入代码，样式文件得引用进来才可以。

import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

本篇完。