1.安裝
npm install -g @vue/cli
2.檢查安裝
vue -V  
3.創(chuàng)建項(xiàng)目
vue create project_name 
出現(xiàn)下圖信息

打包后在本地預(yù)覽,你需要啟動(dòng)一個(gè)node服務(wù)：
1.npm install -g serve  //全局安裝服務(wù)
2.serve -s dist   // 啟動(dòng)服務(wù)預(yù)覽
獲取當(dāng)前的環(huán)境:
console.log(process.env.VUE_APP_URL)

const path = require('path');

module.exports = {
    publicPath:'/',    // 公共路徑
    outputDir: process.env.NODE_ENV === "development" ? 'devdist' : 'dist', // 不同的環(huán)境打不同包名
    css: {  // 一次配置，全局使用，這個(gè)scss 因?yàn)槊總€(gè)文件都要引入
        loaderOptions: {
            sass: {
                data: `@import "./src/assets/hotcss/px2rem.scss";`
            }
        }
    },
    lintOnSave:false,  // 關(guān)閉eslint
    productionSourceMap:true,  // 生產(chǎn)環(huán)境下css 分離文件
    devServer:{   // 配置服務(wù)器
        port:8081,
        open:true,
        https:false,
        overlay: {
            warnings: true,
            errors: true
        }
    },
    configureWebpack:{  // 覆蓋webpack默認(rèn)配置的都在這里
        resolve:{   // 配置解析別名
            alias:{
                '@':path.resolve(__dirname, './src'),
                '@h':path.resolve(__dirname, './src/assets/hotcss'),
                '@s':path.resolve(__dirname, './src/assets/style'),
                '@i':path.resolve(__dirname, './src/assets/images'),
            } 
        }
    }
}