live-server详解——介绍以及安装

一、关于live-server的介绍

live-server插件实现了——修改文件浏览器自动刷新；浏览器自动打开项目；本地开发搭建临时的服务。

 
二、关于live-server的安装

1：安装node.js
在官网http://nodejs.cn/download/ 选择自己对应的版本进行下载并安装，我下载到了F:\Program Files\nodejs

在电脑属性-高级系统设置-高级-环境变量-系统变量-Path中增加node.js的安装路径F:\Program Files\nodejs
在cmd中输入node -v检查是否成功安装，显示版本号则安装成功

2：安装live-server
以管理员运行cmd
进入Vue项目所在目录输入npm install -g live-server 进行安装，不要关闭cmd

重要提示：live-server 无法启动  报错：bash: live-server: command not found

在电脑属性-高级系统设置-高级-环境变量-系统变量-Path中增加路径 D:\nodejs\node_global （你安装的node下的node_global 的路径）

重点：添加环境变量后，关闭cmd，再重新打开cmd 有时候不重新打开cmd无法识别你刚刚添加的path，会继续报错。
输入live-server，项目下的index.html会被直接打开