美文网首页
lite-server 工具使用

lite-server 工具使用

作者: 我爱吃土豆a | 来源:发表于2017-09-19 10:10 被阅读0次

    轻量级的仅适用于开发的 node 服务器, 它仅支持 web app, 它能够为你打开浏览器, 当你的html或是JavaScript文件变化时,它会识别到并自动帮你刷新浏览器, 还能使用套接字自动注入变化的CSS, 当路由没有被找到时,它将自动后退页面

以下是被推荐的安装lite-server的方式:

$ npm install lite-server --save-dev

只要你想,lite-server可以安装成为全局的:

$ npm install -g lite-server

命令行输入可启动:

lite-server

当你启动lite-server时命令行出现如下说明你启动成功,如果你的手机跟你的电脑链接的是同一个wifi情况下,在手机端浏览器打开http://192.168.0.134:3000 可以访问

lite-server 它是允许你去覆盖默认的配置,这得通过你项目里的文件bs-config.json或bs-config.js来完成

举例来说, 要改变端口号, 被监测的文件路径, 以及你项目的base路径, 在你项目中创建bs-config.json文件咯:

{

"port":8000,

"files":["./src/**/*.{html,htm,css,js}"],

"server":{ "baseDir":"./src"}

}

更多详细使用方法移步lite-server 官网

相关文章

  • lite-server 工具使用

    轻量级的仅适用于开发的 node 服务器, 它仅支持 web app, 它能够为你打开浏览器, 当你的html...

  • socket

    socket test tool (base on lite-server) Clone this reposit...

  • angular2-quickstart笔记

    angular2-quickstart实现的效果是 网页显示一句话1、项目中使用了 lite-server 是一...

  • lite-server安装配置

    一、安装 二、配置 (一)基本配置 (二)自定义配置 备注:bs-config.js 与 bs-config.js...

  • 《人生效率手册》读书复盘14

    新知: 选择和使用工具数使用工具=实践 计划工具、总结工具、学习工具、反思工具 学习工具包括:读书笔记,演讲笔记社...

  • 工具使用

    1 crontab配置vim 只需要将如下两个变量导入到~/.bash_profile或者/etc/profile...

  • 工具使用

    【即将发布】

  • 工具使用

    Sublime中php自动调整代码格式 codeFormatter插件,配置"codeformatter_php_...

  • 工具使用

    其实也不是全新工具,而是支付宝这个常用工具。因为担心手机支付上的不安全,所以一直也没有使用支付宝的扫码付款这个功能...

  • 工具使用

    IDE 一键导包/优化导包 一些类中的依赖包,手动一个个导入/删除比较麻烦 打开设置image.png Lombo...

网友评论

      本文标题:lite-server 工具使用

      本文链接:https://www.haomeiwen.com/subject/sfqwsxtx.html