## 4.1: 脚手架的基本用法
Vue 脚手架用于快速生成 Vue 项目基础架构
npm install -g @vue/cli
1:基于 交互式命令行 的方式，创建新版的 vue 项目
vue create my-project // 别中文，特殊符号
2: 基于 图形化界面 的方式，创建 新版 vue 项目
vue ui
3: 基于 2.X的旧模板，创建 旧版 vue项目
npm install -g @vue/cli-init // 2.X 版本一定要安装这个
vue init webpack my-project
4.3 Vue 脚手架的自定义配置
通过 package.json 配置项目 【 必须是符合 json 语法 】
【 不推荐使用这种配置方式，因为 package.json 主要用来管理包的配置信息，
为了方便维护，推荐将 vue 脚手架相关的配置，单独定义到 vue.config.js 配置文件中
】
“vue” : {
“devServer” : {
“port”: “8080”,
“open”: true
}
}
vue.config.js
module.exports = {
devServer: {
open: true,
port: 8888
}
}
5: Element-UI 的基本使用
1： 基于命令方式手动安装
①： 安装依赖包： npm i element-ui -S
②： 导入 Element-UI 相关资源
// 入口文件 main.js 里面导入
import ElementUI from ‘element-ui’ // 导入组件库
import ‘element-ui/lib/theme-chalk/index.css’ // 导入相关组件样式
Vue.use(ElementUI) // 配置 vue 插件
2: 基于图形化界面自动安装 Element-UI
【 2.X版本的 VUE 安装 Element-UI 出现的问题很少，而且很好解决，其它版本嘛… …自己去试试 】
① 运行 vue ui 命令， 打开图形化界面
② 通过 Vue 项目管理器，进入具体的项目配置面板
③ 点击 插件 --> 添加插件， 进入插件查询面板
④ 搜索 vue-cli-plugin-element 并安装
⑤ 配置插件，并实现按需导入，从而减少打包后项目的体积