Browsersync安装及使用和Nodejs安装
2022/4/13 11:12:39
本文主要是介绍Browsersync安装及使用和Nodejs安装,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 安装 Node.js
BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,也许您需要先安装一下Node.js
1.1 使用教程地址 https://www.runoob.com/nodejs/nodejs-tutorial.html
2.下载下面的文件
3.解压文件browsersync.zip
4. 查看解压文件
5.在此文件下输入cmd打开命令窗口
6.使用 npm install cnpm -g --registry=https://registry.npm.taobao.org 下载安装此工具
如果出现如下图,表示安装成功,如果失败有可能Node.js的版本太低,需要更新到最新版本
7.查看当前版本 npm -v
8.下载最新版本 npm install -g npm 完成后再次查看版本号
9.在重新在Browsersync文件下打开cmd(如果不在此文件下打开cmd则需要配置环境变量)
10.再次执行6的步骤
11.下载安装 cnpm install
12.文件出现node_modules文件夹下表示安装成功,
13.接下来编辑文件app.js,编辑更换被测试的连接地址
14.编辑完成后,还是才此文件夹下打开cmd命令窗口
15.输入启动命令 npm run test
16.浏览器会自动打开 https://localhost:8080/
17.这时其他浏览器和手机端均可以输入 https://192.168.2.57:8080 打开后可以开始测试了
应用背景: 移动官网目前推出移动端页面, 为了方便测试前端页面在 多款机器浏览器上的适配, 推荐大家使用浏览器同步测试工具 BrowserSync 。 好处:有了它,只需要在一个浏览器中操作,操作行为会同步到其他浏览器和设备中,同步测试,提升测试效率。
这篇关于Browsersync安装及使用和Nodejs安装的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-04React 19 来了!新的编译器简直太棒了!
- 2025-01-032025年Node.js与PHP大比拼:挑选最适合的后端技术进行现代web开发
- 2025-01-03?? 用 Gemini API、Next.js 和 TailwindCSS 快速搭建 AI 推文生成项目 ??
- 2024-12-31Vue CLI多环境配置学习入门
- 2024-12-31Vue CLI学习入门:一步一步搭建你的第一个Vue项目
- 2024-12-31Vue3公共组件学习入门:从零开始搭建实用组件库
- 2024-12-31Vue3公共组件学习入门教程
- 2024-12-31Vue3学习入门:新手必读教程
- 2024-12-31Vue3学习入门:初学者必备指南
- 2024-12-30Vue CLI多环境配置教程:轻松入门指南