需求场景：本地开发，文件中引入json数据作为变量使用，或者希望修改代码可以实现实时更新。前者原生js中无法直接引入json文件，且在未部署本地服务器的情况下，ajax获取数据源会出现跨域的情况。

    插件选择：本地开发常常需要搭建临时的服务器，用于运行前端静态文件。第一时间我们会想到用http-server。但现在流行修改文件浏览器自动刷新hot socketing（热拔插），如live-reload。若想浏览器自动打开项目，用opener。现在live-server实现了三个插件的所有功能，并且很简单就能启动一个看起来很专业的本地服务。实际开发中真正部署的时候用nginx。

    安装：npm 全局安装 npm i -g live-server
    image.png

    使用：在项目根目录使用命令行 live-server注意：如果根目录下存在index文件，默认会直接打开index文件，建议如果根目录下存在多个文件，避免命名index
    image.png
    image.png

    默认端口：8080，如果想用其他端口号可以在运行live-server的时候用—port的方式指定端口号
    live-server --port9000

    引入本地JSON文件：bootcdn 引入在线jquery库
    image.png

    [

    ](https://blog.csdn.net/shan1991fei/article/details/79007953)