終端機啟動專案後自動開啟視窗

在使用cli3 搭配 yarn serve 時，自動打開該 port 號的視窗。

方法一：

在package.json檔案中設定

{
    "scripts": {
        "serve": "vue-cli-service serve --open --mode local"
    }
    // ...
}

通常起好專案，serve的value會預設是

$ vue-cli-service serve

這時候只要補上 --open

$ vue-cli-service serve --open

儲存後重新啟動一次專案即可。

方法二：

在vue.config.js檔案中設定

如果沒有vue.config.js檔案，就自己新增一個在根目錄，與package.json同層級

module.exports = {
    devServer: {
        port: 8888,
        open: true
    }
}

儲存後重新啟動一次專案即可。