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
   vue init webpack my-project

通过单独的配置文件配置项目

① 在项目的跟目录创建文件 vue.config.js
② 在该文件中进行相关配置，从而覆盖默认配置

vue.config.js
 module.exports = {
 devServer: {
 port: 8888
 }
 } 

Element-UI

官网

1. 基于命令行方式手动安装
   ① 安装依赖包 npm i element-ui –S ② 导入 Element-UI 相关资源

// 导入组件库
 import ElementUI from 'element-ui';
 // 导入组件相关样式
 import 'element-ui/lib/theme-chalk/index.css';
 // 配置 Vue 插件
 Vue.use(ElementUI);

2. 基于图形化界面自动安装
   ① 运行 vue ui 命令，打开图形化界面
   ② 通过 Vue 项目管理器，进入具体的项目配置面板
   ③ 点击 插件 -> 添加插件，进入插件查询面板
   ④ 搜索 vue-cli-plugin-element 并安装
   ⑤ 配置插件，实现按需导入，从而减少打包后项目的体积