一、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. 通过单独的配置文件配置项目
- 在项目的根目录创建文件vue.config.js
- 在改文件中进行相关配置,从而覆盖默认配置
//vue.config.js
module.exports = {
devServer:{
port:8888
}
}