静态网页开发神器 live-server

 作为一名后端开发的人员,前后端分离的时候,本机开发就可以使用它。

    live-server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。【博客园给的解释,并没有官网专门解释它】

速装

        需看看电脑有没有安装过node.js,有的话就接着往下,没有就去下一个,官网很快的。(有些网络文章给的是先安装,node.js的版本控制工具nvm,再通过nvm安装最新的node.js,我觉得没必要,而且安装很慢,一步到位即可)

        node.js下载比较简单,官网:http://nodejs.cn/下载很快然后安装即可,也很快,官网进入直接下载显示的稳定版即可。

live-server是一款npm工具,安装命令:

npm install -g live-server

    有可能出现安装极慢的现象,可能是使用了国外的镜像,把镜像改成国内的试一下,比如阿里的淘宝镜像等。

# 查看镜像源npm config get registry# 切换镜像源为淘宝的镜像源npm config set registry https://registry.npm.taobao.org

访问

检查是否安装成功:

    然后就是使用CMD进入命令行窗口,进入静态文件的目录,输入脚本live-server即会自动跳入http://127.0.0.1:8080进行访问(把终端关闭之后,就会自动访问不到了)。

# 启动脚本命令live-server

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值