vue 3.0 vue-cli项目搭建要点

1、使用vue-cli搭建项目（可以使用vue ui图形化界面搭建项目，配置dist时，将名称设为项目名称）

2、项目搭建后

　　一、配置vue.config.js

　　　　// 翻阅文档https://cli.vuejs.org/zh/config/#vue-config-js

　　　　配置publicPath

　　　　

　　　　设置反向代理，用于本地跨域使用，仅使用于开发环境

　　　　

　　 二、在main.js中配置axios

　　　（主要是为了配置baseURL，让其值设置为process.env.BASE_URL）

　　　　

　　  三、添加.env文件（默认是开发环境）

　　       

　　　　.env文件里面包含两部分：

　　　　　　a、配置NODE_ENV告诉咱们这是什么环境（开发、测试、生产等环境）

　　　　　　b、配置不一样环境下的BASE_URL（开发，测试，生产等环境）

　　　　添加.env.production文件（生产环境）

　　　　

　　　　添加.env.test文件（测试环境）

　　　　

　　四、配置package.json文件

　　　   项目搭建最初的package.json文件（打包时使用npm run build命令）

　　　　

　　　　配置之后的package.json

　　　　

　　　　npm run build:test打包命令，打包之后使用.env.test文件， process.env.BASE_URL = .env.test（测试环境）中的BASE_URL

　　　　npm run build:prod打包命令，打包之后使用.env.production文件，process.env.BASE_URL = .env.production（生产环境）中的BASE_URL

　　　　生产环境和测试环境，只须要经过不一样的命令便可打包成不一样环境下须要的项目，无需再配置其余东西