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

　　　　生產環境和測試環境，只須要經過不一樣的命令便可打包成不一樣環境下須要的項目，無需再配置其餘東西