vue脚手架、vue脚手架项目进行自定义配置、基于图形化界面自动安装element-ui

一、脚手架

// Vue脚手架，就是用于快速创建Vue项目的工具
// 全局安装 npm i -g @vue/cli
// 检查是否安装成功 vue -V

// 基于 图形化界面 的方式，创建新版 vue项目
// 1、打开终端 执行：npm ui
// 2、创建项目
// 3、选择目录，点击在此创建新项目
// 4、输入项目名称，下面有个git远程仓库，可以取消，也可保留
// 5、预设，手动设置
// 6、选择安装的功能：babel、router、linter/formatter、最后一项
// 7、配置：ESLint + Standa.....  创建项目
// 8、可以保留，也可不保留
// 9、点击任务，运行文件，启动 App，查看项目首页

// vue脚手架项目进行自定义配置

// 1、单独配置文件配置项目（推荐方式）（意思就是要将自定义的配置要单独存放） 
// 在项目的根目录创建vue.config.js
// 在改文件中进行相关配置，从而覆盖默认配置
module.exports = {
	devServer:{
		port: 8888, // 端口
		open: true // 打包完成自动打开浏览器
	}
}

// 基于图形化界面自动安装element-ui

// 进入具体的项目配置面板
// 点击 插件 -> 添加插件，进入插件查询面板
// 搜素 vue-cli-plugin-element 并安装  import on demand  按需导入