vue项目 编辑器保存代码后自动更新浏览器页面内容

第一步，现在用vue脚手架创建vue项目需要自己创建vue.config.js文件（注意，直接在项目创建vue.config.js文件即可）,注意:(2019年10月后创建的新vue项目，之前的是webpack.config.js文件)

在vue.config.js文件中写入以下代码。

module.exports = {
    devServer: {
        open: true,
        port: 8812,
    },
    lintOnSave: false
}

lintOnSave:false是解决eslint过多空格报错问题。

devServer：{

    open:true//启动vue项目服务后自动在你电脑的默认浏览器打开

    port:8812//设置在浏览器打开项目的端口号，如果端口号被占用，则在此端口号+1，为8813

}

我使用的vscode编辑器，在编辑器保存相应代码，则会自动在浏览器展现出来。