vue- cli和Element-UI

Vue脚手架

vue脚手架的基本用法

Vue脚手架用于快速生成vue项目基础架构

使用步骤：

1. 安装vue脚手架： npm install -g @vue/cli
2. 使用脚手架创建vue项目

// 1.基于交互式命令行的方式，创建 新版vue项目
vue create my-project
# OR
// 2.基于图形化界面的方式，创建 新版vue项目
vue ui

// 3.基于旧版本，创建旧版vue项目
npm install -g @vue/cli-init
vue init webpack my-project

vue脚手架自定义配置

1.通过package.json配置项目

// 必须是符合规范的json语法
"vue": {
	"devServer":{
	// 更改端口号
		"port":"8888",
		// 打包成功之后自动打开浏览器
		"open":true
	}
},

注意：不推荐使用这种配置方式。因为package.json主要用来管理包的配置信息；为了方便维护，推荐将vue脚手架相关的配置，单独定义到vue.config.js配置文件中。

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