Vue脚手架

一、Vue脚手架的基本用法

使用步骤

安装3.x版本的Vue脚手架

npm install -g @vue/cli

基于3.x版本的脚手架创建Vue项目

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脚手架生成的项目结构分析

三、Vue脚手架的自定义配置

1. 通过package.json配置项目

//必须是符合规范的json语法
"vue":{
		"devServer":{
			"port":"8888",
			"open":"true"
	}
}

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

1. 在项目的根目录创建文件vue.config.js
2. 在改文件中进行相关配置，从而覆盖默认配置

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