前端建立一个本地服务器：browser-sync

1.安装browser-sync:

 npm i browser-sync --save-dev

2.在package.json中添加启动代码：

 "start": "./node_modules/.bin/browser-sync start --server --no-notify --files=‘index.html,*.css,*.js"

3.运行：npm run start ,监听在localhost:3000端口；

原文地址：https://www.cnblogs.com/yangguoe/p/9886353.html

时间： 2024-10-28 08:52:31

前端建立一个本地服务器：browser-sync的相关文章

Node-anywhere 搭建了一个本地服务器环境

不管你是后台开发人员还是前端,有些时候测试某个模块的时候或者需要用手机或其他手持设备访问,这时就有必要搭建一个本地服务器!传统的服务器操作繁杂,在此给他大家搭建另外一种小巧的本地服务器: Node-anywhere搭建了一个本地服务器环境,随时随地预览本地静态资源文件. 如果电脑没有安装nodejs的同学,首先去nodeJs官网下载最新版nodeJs     https://nodejs.org/en/ 安装成功后win+r打开cmd 输入node -help 或者node -v查看是否安装成功

使用http-server开启一个本地服务器

前言 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器. 本文是利用node.js中的http-server,开启本地服务,步骤如下: 1 下载node.js 官网地址: https://nodejs.org 下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功. 2 下载http-server

Node.Js 建立一个web服务器

Nodejs 实际是一个JavaScript的执行环境. 新建文件 server.js,输入代码如下: var http = require('http'); var server = http.createServer(function(req, res){ res.writeHead(200, {'Content-Type':'text/plain'}); res.end('Hello World\n'); }); server.listen(1337,'127.0.0.1'); conso

用Eclipse和Tomcat搭建一个本地服务器

服务器软件环境 Eclipse oxygen Tomcat 9.0 SQL Sever 2014 参考资料 https://blog.csdn.net/qq_21154101/article/details/89480899 原文地址:https://www.cnblogs.com/helloworldToDu/p/12163860.html

利用CocoaHttpServer搭建手机本地服务器

原理 使用CocoaHTTPServer框架,在iOS端建立一个本地服务器,只要电脑和手机连入同一热点或者说网络,就可以实现通过电脑浏览器访问iOS服务器的页面,利用POST实现文件的上传. 实现 1.下载CocoaHTTPServer 2.导入CocoaHTTPServer-master目录下的Core文件夹 3.导入Samples/SimpleFileUploadServer目录下的MyHTTPConnection类文件和web文件夹 导入web文件夹的时候,一定要使用真实的目录,而不是xc

json server的简单使用（附：使用nodejs快速搭建本地服务器）

作为前端开发人员,经常需要模拟后台数据,我们称之为mock.通常的方式为自己搭建一个服务器,返回我们想要的数据.json server 作为工具,因为它足够简单,写少量数据,即可使用. 安装 首先需要安装nodejs,建议使用最新版本.然后全局安装json server. npm install json-server -g 安装完成后可以用 json-server -h 命令检查是否安装成功,成功后会出现json-server相关的参数选项. 运行 安装完成后,可以在任一目录下建立一个 xxx

浅谈本地服务器的搭建（XAMPP）

很多时候我们在开发的时候,需要在线运行我们的程序,这就需要服务器,但是基本很多情况,服务器都是后端在管理的,很多公司的前端是拿不到服务器登录信息的,在这样的情况下,我们就可以在自己的电脑上搭建一个本地服务器,来模拟在线运行的环境. 下面我来讲一下,我比较习惯用的,XAMPP,我选择它的原因是,我偶尔要写点PHP,并且它的安装配置很简单. 下载的官网(https://www.apachefriends.org/zh_cn/index.html) 什么是XAMPP? XAMPP是最流行的PHP开发环

在webstorm中怎么配置本地服务器

前端IDE有挺多的,比如Dreamwear,Hbuilder,Webstorm:还有许多纯文本编辑器.不过我还是比较喜欢Webstorm.因为webstorm自带了一个本地服务器.如果你把项目放到本地服务器,比如tomcat,就会出现一个跨域的问题.而你有不想copy来copy去,当然,如果你想,也是可以的.我们还可以在Webstorm中配置本地服务器. Settings  配置本地服务器,配置本地服务器的端口. 

手机访问本地服务器

做开发难免会有手机测试,可是自己没有服务器,没有外网映射工具,没有... 可是自己本地服务器已经搭起来了,怎么才能用手机连上呢?下面就让我们来看看我是怎么做的吧 准备工作:你的电脑和手机都必须联网,而且在同一个ip区段里(说白了就是连在同一个路由器上),其次,本地服务器必须启动起来,电脑是win7系统的,win8好像有的可以,有的不可以,条件有限,没有深入研究. 1:我先用nodeJs+express搭建了一个本地服务器.(不会的可以看我博客里关于node的笔记,或者自行网上搜索) 这里我用了e