一段時間沒用過vue寫東西了，今天突然發現vue的腳手架已經升級到3.0了，趕緊安裝…

全域性安裝

npm install -g @vue/cli

輸入vue -V檢測安裝的版本：3.0.0

建立專案

vue create hello

之後就是一些專案的配置了 按自己的需求來 按上下方向鍵選擇需求，空格鍵確定

安裝完成發現確實比2.0簡潔了不少，然後cd進入專案目錄 npm run serve 執行專案

新版的vue-cli的配置檔案好像都沒了？

這時需要在根目錄下建立一個vue.config.js檔案，來進行一系列配置
具體請參考 ：https://cli.vuejs.org/config/

module.exports = {
    baseUrl: '/',
    port: 8085, // 埠號
    open: false, //配置自動啟動瀏覽器
    devServer: {
        proxy: {
            "/api": {
                target: "http://www.xiandandan.xyz", // 域名
                ws: false, // 是否啟用websockets
                changOrigin: true, //開啟代理：在本地會建立一個虛擬服務端，然後傳送請求的資料，並同時接收請求的資料，這樣服務端和服務端進行資料的互動就不會有跨域問題
                pathRewrite: {
                    "^/api": "/api"
                }
            },
        }
    },
    productionSourceMap: false, //不需要生產環境的 source map
}