live-server 快速搭建静态服务

 

作为切图仔呢，平时都是在修改页面样式、展示后台返回的数据、调试js效果，这时候呢就需要搭一个服务器以便我们调试。平时我一般用的都是wamp，在www目录下新建项目然后开始撸代码，不过有时候呢不太方便，如果想实现自动刷新呢还需要和webpack配合做一些配置，今天就介绍一个插件live-server，只需执行一条命令它就可以帮我们自动打开浏览器，并且我们每次修改它都会自动刷新，不用我们每次修改后都去点点点了~

 

首先需要全局安装

 

然后在该项目根目录下打开命令窗口 cmd 输入 live-server

 

 也可以执行自己指定的命令，首先打开 package.json，如果没有就 npm init 初始化一个，找到 script 这部分

 

在 test 下面配置一个 start 命令

 

在命令窗口直接输入 npm run start 也可以省略run , 稍等片刻它就会自动帮你打开浏览器

 

当然我们也可以修改它的端口号还有一些其他的设置，重新修改 package.json 里 start 的配置

 

 其他配置如下

　　port: 8181,      

　　host: "0.0.0.0", 

      root: "/public",

      open: false, 

      ignore: 'scss,my/templates', 

      file: "index.html", 

      wait: 1000