Vue-cli3.0於8.11日正式釋出，看了下評論，不是特別的樂觀，說說我個人的意見，我是Vue的忠實粉，so....

大概三個月前超哥就已經得知3.0的訊息，試著用了下，相比之下現在的3.0和測試時的區別：

modern mode。啟用該模式會自動構建兩個版本的 js 包，針對支援現代瀏覽器的原生 ES2015+ 包，和針對其他舊瀏覽器的包，生成的 HTML 會通過 <script type="module"> 和 <script nomodule> 進行自動降級，不需要任何特殊部署配置。原生 ES2015 包幾乎不需要任何 polyfill 和編譯，程式碼尺寸更小，現代瀏覽器 parse 和執行也更快。

然後直接正題，我把版本降回到的2.9，接下來直接使用3.0的安裝命令:

 3.0的安裝：vue create 3.0project；

2.0的安裝：vue init webpack(據我所知有五個，這個是我常用的)  2.0project(專案名)；

如果版本為>3.0npm 會提示，如果你想執行請升級到3.0，還等啥升級唄。

一路回車是完事了嘛？，猛的一看，哦NO，本人並不喜歡eslint，是特別反感的那種，相信很多朋友都不喜歡。

來回頭看 ，他是問你是否使用預設的preset 還是手動配置功能，而我們卻回車回車再回車，讓我們從新來過，手動選擇，只因eslint，強迫症又來了。

上圖是手動的情形，如果選擇手動則出現這個這個頁面，可以使用空格鍵選中或取消，a選中所有，i反選，來讓我們看看好像和2.0+沒啥太大的的區別，簡單的過目一下猛的一看多了VUEX？之前有vuex嘛？反正我是自己配的，其他的什麼單元測試、路由...2.0+也都有。

接下來看看 2.0+的：

上圖是2.0+的

確實VUEX是新加的。來啟動一下3.0：

3.0啟動npm run serve

2.0啟動npm run dev

至於為什麼會變，來看一下package.json

這就秒懂了吧！！！

接下來簡單的看一下專案目錄對比：

build沒了、config沒了、哦對了還有最重要的一點，3.0的安裝專案時自動下載node-model。

如果vue.config.js沒了怎麼破。

慌雞毛，超哥帶你走向人生巔峰！！！

在根目錄下建立一個vue.config.js不就行了，哈哈哈哈哈，我也覺著逗，具體配置看文件，寫的很詳細！！！

還是給你們寫兩個常用的吧，一群吃瓜群眾。。。

module.exports = {
    baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',
    // outputDir: 在npm run build時 生成檔案的目錄 type:string, default:'dist'
    // outputDir: 'dist',
    // pages:{ type:Object,Default:undfind } 
    devServer: {
        port: 8888, // 埠號
        host: 'localhost',
        https: false, // https:{type:Boolean}
        open: true, //配置自動啟動瀏覽器
        // proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理
        proxy: {
            '/api': {
                target: '<url>',
                ws: true,
                changeOrigin: true
            },
            '/foo': {
                target: '<other_url>'
            }
        },  // 配置多個代理
    }
}

好了，終於完事了。

本文僅限於需要的人和自家人看 ，所以...不喜勿噴，布鞋！！！