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编辑器，在编辑器保存相应代码，则会自动在浏览器展现出来。

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

后盾网lavarel视频项目---phpstorm 配置ftp，自动更新同步代码
后盾网lavarel视频项目---phpstorm 配置ftp, 自动更新同步代码一.总结一句话总结: 1.在phpstorm中设置:路径Tools/Deployment/Configuratio ...
编辑器eslint格式_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.同一个项目,或者同一个小组,保持代码风格一致很必要.就拿vue项目来说,之前做的几个项目,很多 ...
配置vue项目启动后自动打开浏览器，出现网址跳转错误问题：网址为http://0.0.0.0:8080/ 的页面可能存在问题，或者已永久移动到新的网址。
我们在Vue项目package.js文件里配置启动后启动后自动打开浏览器时,也就是加上–open "scripts": {"serve": "vue- ...
eslint 无法格式化ts_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便 ...
webpack 保存文件后自动打包_继webpack后又一打包神器Parcel
前言: 在继grunt.gulp实现自动化构建之后,webpack又引领前端打包潮流,众所周知的是,vue-cli的脚手架就是基于webpack进行项目打包的.而webpack还在上升的势头的时候,又 ...
在vue项目npm run build后，index.html中引入css和js 报MIME type问题
问题: 1.在vue项目中,build打包后,index页面打开会报错, MIME type ('text/html') ;报错内容:because its MIME type ('text/html ...
打印流水号条码后自动更新数据
流水号条形码是企业生产中进行批次管理的常用方式,需要在产品上粘贴条码,这些条码的要求是:按流水号序列打印,每张都不同.在实际操作过程中,每天都需要打印,有可能第二天就忘记了前一天打印到多少号,有可能会 ...
Springboot项目启动后自动打开浏览器访问(超实用)
Springboot项目启动后自动打开浏览器访问 1.在Springboot项目中每次启动完项目,手动在浏览器输入访问地址太麻烦了.在启动类中加入下方代码,就可高效地在控制台中单击URL访问项目了~ ...
springboot配置启动后自动打开浏览器访问项目
springboot配置项目启动后自动打开浏览器访问项目有时候在单机部署,或者项目没有在IDea 开发工具中运行(idea可以自动打开tomcat项目),需要项目启动后自动打开浏览器访问项目,配置方 ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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