浏览器实时、快速响应文件更改脚本Browsersync安装及填坑 “此系统上禁止运行脚本”的错误 Cannot Get /

         写.css和.html的时候，改了脚本，就得保存，然后去浏览器刷新，十分不方便。后来上网找到了Browsersync，可以让浏览器实时、快速响应文件更改，具体步骤按照官网来就行。

如何安装

1. 安装nodejs.

   1. 去官网下载安装即可，傻瓜操作

   2. 安装目录D:\software\nodejs

2. 在安装目录的nodejs中打开cmd

3. 调用nmp下载npm install -g browser-sync

问题及解决

使用时我遇到几个问题，解决方法如下：

1. 运行时出现“此系统上禁止运行脚本”的错误，

• 管理员身份运行PowerShell
• 输入set-ExecutionPolicy RemoteSigned
• 输入A，即全部选择“是”

2. 报错无法将“npm”识别为cmdlet、函数、脚本文件或可运行程序的名称

        原因是在我之间建立nodejs的时候，自动安装时添加环境变量添加的不对。需要手动添加环境变量。详情见我另一篇博客：https://blog.csdn.net/smiledawen/article/details/108777569

3. 成功运行后，出现Cannot Get /

        原因是browser-sync 会找寻目录下的 index.html 如果没有index.html 就会报错 cannot get ./， 所以要把目录下主html的文件名更改为index.html

4. 运行后，浏览器没有实时同步

        在cmd按照官方网站，输入browser-sync start --server --files .  (注意最后一个是点)浏览器没有同步。cmd中，最后一行没有出现Watching files....

        正确方法，cmd到项目所在根目录后，输入browser-sync start --watch --server --files . ，就可以了。这样每次保存，浏览器都会实时更新。