前端使用fis3开启本地服务器，并实现热加载功能

为了摆脱调试页面的时候需要不断切换刷新的痛苦，热加载就是因此而生，自动刷新是如此快乐

使用fis3便可以帮我们轻松实现，如果不知道什么是fis3，你可以猛点这里：fis3
接下来就要开始了：

安装fis3
- 我已经默认你会用yarn
- 终端：yarn global add fis3
开启fis3服务器
- 终端：fis3 server start
把你的代码放进fis3服务器
- 进入你的项目目录
- 终端：fis3 release -wL
fis3服务器所在的文件夹，有时候会有文件残留，记得清除。
- 终端：fis3 server open
关闭服务器命令
- 终端：fis3 server stop

热加载就已经成功实现了，编辑器保存后便会自动刷新

转载于:https://juejin.im/post/5b220aade51d4558da1ab922

前端使用fis3开启本地服务器，并实现热加载功能相关推荐

HTML运行到浏览器自动刷新,web前端开发之热加载—liveReload（浏览器自动刷新）...
今天主要写一下,如何配置,保存前端代码后,浏览器自动刷新的功能,双屏操作,真的会方便很多,对于前端开发来说,一边写样式,一边看效果,爽翻~ 图片发自简书App 一.开发环境 1.电脑系统:mac 2. ...
用 js 开启本地服务器，实现短信发送
1.创建一个文件夹 phone, 2.在 phone 里面创建一个 index.js 用来开启本地服务器. 注意: 需要安装依赖,打开黑窗口(win+R,输入 cmd),去到本路径,(前提你要安装了 ...
vue 打开html流_在vue项目中添加一个html页面，开启本地服务器
在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...
VScode怎么开启本地服务器及本地调试？
初入职场,接触不少新鲜的东西,从最初入门的工具是HBuilder,到现在逐渐熟悉的vscode,想记录下自己的成长,不想一边学着,一边忘着.想把自己接触到的东西都记录下来吧.有需要的小伙伴,也可以参考 ...
VScode 本地调试和开启本地服务器
1.本地调试 1.首先在VSCode 上装一个插件:Debugger for Chrome 点击安装 2.配置文件,找到launch.json文件,在里面添加配置信息 {// 使用 IntelliSe ...
Spring Boot + IntelliJ IDEA——自动部署[Spring Boot热部署]+LiveReload[前端自动刷新、热加载]解决方案
基本概念 spring-boot-devtools: Spring Boot包括一组额外的工具,这些工具可以使应用程序开发体验更加愉快.该spring-boot-devtools模块可以包含在任何项目 ...
load方法引入本地html报错,分享基于plus.downloader的图片懒加载功能，支持本地缓存v1.1.0...
今天试用了下hello mui上的图片懒加载功能,发现有些地方还无法满足我的需求,ajax动态加载的时候无法实现懒加载. 然后又看了下36kr的示例,因为代码关系实在太多了,耦合度比较高,遂自己动手写 ...
前端性能优化的重要方案：图片懒加载
大家好,我是前端岚枫,一枚二线城市的程序媛,今天主要跟大家分享我整理的前端性能优化的重要方案:图片懒加载,主要包括其原理,我们常用的一些插件,及编写源码实现图片懒加载功能等,图片懒加载是项目比较常见的 ...
ios加载本地游戏html,iOS WebView加载本地HTML代码
项目需求: 去服务器获取代码包到本地保存,然后去加载本地的代码包.这样的话,如果有新的版本更新,就直接更新html的代码包,就不用更新ipa包了. 需要注意几点: 1.代码存在服务器,zip格式 2. ...

前端使用fis3开启本地服务器，并实现热加载功能

热加载就已经成功实现了，编辑器保存后便会自动刷新

前端使用fis3开启本地服务器，并实现热加载功能相关推荐

最新文章

热门文章