在开发移动端项目时浏览器里出来的效果往往到真机上和预想的有出入，在开发过程中知道了一个可以在本地自己启动一个服务器在手机预览的办法。 　1、首先在终端安装http。 　　 npm i http-server -g。（g全局安装） 2、cd到需要查看的页面 ...

方式一：live-server live-server是一款npm工具，可以在项目目录启动一个node服务，然后直接在浏览器中预览，并且自动全局监听实时更新。 两种安装方式： 直接使用live-server 首先在项目下npm初始化:npm init -y; 然后可以选择 ...

...

背景： 平时写网页时，只有写完代码，然后保存，接下来到浏览器中刷新查看效果，然后不停重复，我们发现很多时间就这样浪费到了这三个步骤上，用户体验很差。 可以通过以下方法实现自动刷新网页，实时预览 一、VSCode 设置网页代码实时预览 安装插件 Live Server，然后右键点击 Open ...

前边几篇文章介绍本地缓存，还有 WebSocket 等好多需要在服务内才能运行，上一篇介绍移动端适配，更是需要在手机端访问页面，此时就不得不介绍下如何在本地启动服务，及手机如何访问？ 一、为什么需要本地服务？ 调试移动端网页调试方法： PC端浏览器的开发者模式中，选择手机模式 ...

/xxiaonian/p/8859272.html ”的day3处有介绍。 开始安装http-server： 打开 ...

参考： https://www.pianshen.com/article/30401616639/ https://www.pianshen.com/arti ...

话不多说，直接上代码。 //首先下载插件 npm install dom-to-image // 将html页面内容转化为png图片引入的dom-to-image import domtoimage from 'dom-to-image ...