本地http-server

1,743 阅读1分钟

在写了一个html demo之后,想要查看页面效果,有些同学就会习惯性地右键然后在浏览器中打开,然而这并不是一个好的方法。

下面介绍一个零配置命令行HTTP服务器:

  1. 首先要确定已经安装了 Node 和 npm

  2. 安装 http-server

    npm install -g http-server
    
  3. 建一个html文件,在这个html文件所在的文件夹中运行http-server

    mkdir mobile-demo //创建一个mobile-demo的文件夹
    cd mobile-demo //进入这个文件夹
    touch index.html //在mobile-demo中新建一个index的html文件
    http-server -c-1 //运行http-server  (注意-1中这个是数字1)
    

    此时可以看到屏幕上出现:

    Starting up http-server, serving ./
    Available on:
      http://127.0.0.1:8080
      http://172.16.58.70:8080
    
  4. 在浏览器中输入:localhost:8080就可以访问这个index.html文件了!

  5. 如果想要中断的话,按ctrl+c就可以了

    是不是很简单呢?快去试试吧!