前端开发工具-本地服务器

Jochen 发布于2019-07-24 10:39 / 2997人阅读

摘要：然后直接在想要预览的文件输入指令优点只要连接同一个，就可以多端预览配置信息不多，方便快速预览缺点不过有个需要手动刷新静态页同步路径是相对于运行该命令的项目目录指令的意思是，监听文件，当文件夹后缀的文件变化时，浏览器自动刷新

http-server

npm install http-server -g

然后直接在想要预览的文件输入
http-server 指令

优点：

只要连接同一个wifi，就可以多端预览

配置信息不多，方便快速预览

缺点:不过有个需要手动刷新

BrowserSync

npm install -g browser-sync

//静态页同步
// --files 路径是相对于运行该命令的项目（目录）  
//指令的意思是，监听index.html文件，当css文件夹css后缀的文件变化时，浏览器自动刷新
browser-sync start --server --files "css/*.css"

//代理服务器
browser-sync start --proxy "主机名" "css/*.css"
//or
browser-sync start --proxy "Browsersync.cn" "css/*.css"

注意！！！
browser-sync默认打开index.html
如果要同步的文件名不是index.html 则使用如下指令
例：我的文件名为bower.html
browser-sync start --server --index bower.html --files="css/*.css"

优点：

自动刷新，省去手动刷新的繁琐

只要连接同一个wifi，就可以多端预览

缺点

配置信息多，多页面开发时，切换页面需要重新配置

apache

我是下载了个xampp

缺点

无法多端预览

资料

http-server
BrowserSync
In browser I see only : Cannot GET/

云服务器 GPU云服务器前端开发用什么前端开发前端开发前端前端前端开发前端开发工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/35863.html

前端如何高效的与后端协作开发

摘要：移动端应用一般都运行在微信浏览器中中手机浏览器中。因为微信浏览器是定制的浏览器，一般的远程调试方式都不可用，需要配合特定的工具，如微信开发者工具。前端如何高效的与后端协作开发 1. 前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。可以参考：前后端分离、web与static服务器分离 2. 尽量避免后端模板...

rozbo 2019-08-29 17:08 评论0 收藏0
前端如何高效的与后端协作开发

摘要：移动端应用一般都运行在微信浏览器中中手机浏览器中。因为微信浏览器是定制的浏览器，一般的远程调试方式都不可用，需要配合特定的工具，如微信开发者工具。前端如何高效的与后端协作开发 1. 前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。可以参考：前后端分离、web与static服务器分离 2. 尽量避免后端模板...

learning 2019-08-23 12:37 评论0 收藏0
前端开发如何做好本地接口模拟

摘要：前端开发如何做好本地接口模拟之前有写过一篇本地化接口模拟前后端并行开发，讲到过本地接口模拟，但不太细致。有哪些途径本地接口模拟一般分为工具层面和代码层面。因为本地接口模拟功能主要是针对的返回值为格式的异步请求，所以这种方式主要用文件。前端开发如何做好本地接口模拟之前有写过一篇本地化接口模拟、前后端并行开发，讲到过本地接口模拟，但不太细致。这次细细的说说本地接口模拟。 1. 有什么...

ACb0y 2019-08-23 14:31 评论0 收藏0
构建前端项目

摘要：解决思路服务器端渲染服务器端和前端公用同一个应用，然后通过构建工具及配置，确定哪些组件需要再服务器端渲染，那些组件需要再客户端渲染。服务器端渲染，由框架与构建工具配合，并依据一定的项目结构和编码方式，共同运行。分离为什么需要前后端分离、web服务器与static服务器分离: 前端与后端耦合 (需求) 自动化、工程化的构建前端的代码 (基础条件) 模块化、组件化，项目共享代码 (...

mindwind 2019-08-23 13:51 评论0 收藏0
浅析git

摘要：浅析笔者在此整理了常见的命令，的重要性无需多言，与其再百度海中搜索命令，不妨尝试收藏笔者的此篇作品。旨在快速高效地处理无论规模大小的任何软件工程。其最大特色就是分支及合并操作非常快速简便。浅析git 笔者在此整理了常见的git命令，git的重要性无需多言，与其再百度海中搜索git命令，不妨尝试收藏笔者的此篇作品。希望对你的学习有所帮助。版本控制系统之git Git: (一)简介：G...

explorer_ddf 2019-08-02 11:53 评论0 收藏0
浅析git

摘要：浅析笔者在此整理了常见的命令，的重要性无需多言，与其再百度海中搜索命令，不妨尝试收藏笔者的此篇作品。旨在快速高效地处理无论规模大小的任何软件工程。其最大特色就是分支及合并操作非常快速简便。浅析git 笔者在此整理了常见的git命令，git的重要性无需多言，与其再百度海中搜索git命令，不妨尝试收藏笔者的此篇作品。希望对你的学习有所帮助。版本控制系统之git Git: (一)简介：G...

Neilyo 2019-08-29 17:07 评论0 收藏0