vue脚手架的基本使用
#1.安装vue脚手架
npm install -g @vue/cli
2.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
3.Vue脚手架的自定义配置
1,通过package.json进行配置
//必须是符合规范的json语法
"vue": {
"devServer": {
"port": "8888",
"open" : true
}
},
2.通过单独的配置文件配置项目
① 在项目的跟目录创建文件 vue.config.js
② 在该文件中进行相关配置,从而覆盖默认配置
// vue.config.js
module.exports = {
devServer: {
port: 8888
}
}