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

我们在写前端页面过程中,经常会用浏览器查看调试自己写的页面是不是达到自己想要的效果,而一般都是编辑器直接打开,用的都是file协议:

file协议

而这种方式是有弊端的 ,当代码中存在http或https的链接时,HTML页面就无法正常打开。
下面教大家一种方法用git安装http-server插件打开本地静态服务器。(需要安装Git 和 node.js)

  • 第一步 打开Git Bush 安装 http-server插件
    在终端输入命令行 npm i -g http-server
    Git Bush

安装成功示意图


安装成功
  • 第二步 开启 http-server服务
  • 命令行 cd ~/Desktop 进入桌面
  • 命令行 cd mobile-demo进入你自己在桌面上创建的项目文件夹
  • 命令行 http-server -c-1 打开服务器
    输入 下面两个服务器地址 就可以 同步访问自己编写的项目页面了
    image.png

    第三步 关闭 http-server服务器
    按快捷键CTRL+C
    终端显示http-server stopped.即关闭服务器成功。
    关闭服务成功
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 11,304评论 0 10
  • 深入浅出HTTP协议(WEB开发和面试必备) 1.基础概念篇 a.简介 HTTP是Hyper Text Trans...
    半世韶华忆阑珊阅读 5,013评论 0 7
  • 1.描述计算机的组成及其功能 (一)计算机的组成 1.CPU 2.CPU风扇 3.BIOS 4.内存 5.硬盘 6...
    whamai阅读 5,424评论 0 1
  • dinosaur【原意】恐龙; 守旧落伍的人,过时落后的东西;【引申义】女程序员diaos【原意】屌丝; 与屌丝;...
    JoyceZhao阅读 4,351评论 18 10
  • 01 记得有这样一段调侃。 有人说,戒烟真难。 另一位马上说,戒烟一点都不难,我都戒了很多次了。 呵呵…… 其实,...
    天福悟道阅读 3,499评论 0 4

友情链接更多精彩内容