前端開發工具-本地服務器

chinafgj 發布于2019-08-21 17:04 / 3193人閱讀

摘要：然后直接在想要預覽的文件輸入指令優點只要連接同一個，就可以多端預覽配置信息不多，方便快速預覽缺點不過有個需要手動刷新靜態頁同步路徑是相對于運行該命令的項目目錄指令的意思是，監聽文件，當文件夾后綴的文件變化時，瀏覽器自動刷新

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云服務器前端開發用什么前端開發前端開發前端前端前端開發前端開發工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89101.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