携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 >>
前言：
大多数时候，我们都会有在手机端调试我们html,js,css的需求，这时候需要在电脑上启动一个服务，再通过局域网在手机上进行访问。这个时候，一个好用的工具就显得很重要了，这里推荐Browsersync。具体的介绍可以点击下方官网链接进行查看， 我们这次主要来介绍如何通过右键菜单快速将服务启动起来（主要是解决每次都要从命令行敲入启动指令的痛点，如果你也有这个困扰，那么请继续往下阅读）。
工具安装：Browsersync
1、全局安装：npm install -g browser-sync；
2、使用：接下来在想要启动服务的文件夹下利用cmd执行以下命令即可启动服务：
browser-sync start --server --directory --files "**/*.css, **/*.html, **/*.js"
注：
- -directory：显示服务器的目录列表
- -files：指定watch的文件，修改文件会自动更新
右键一键启动：
1、在系统中新建 browserSync.bat 执行文件，并写入执行的指令：
browser-sync start --server --directory --files "**/*.css, **/*.html, **/*.js"
2、打开注册表：键盘按下 win + r ，输入regedit，回车；
3、注册表中找到这个路径：计算机\HKEY_CLASSES_ROOT\Directory\shell
- 鼠标右键shell ⇒ 新建 ⇒ 项
- 输入自定义的名字
- 右键刚刚新建的项 ⇒ 新建 ⇒ 项，重命名为command，双击右侧默认，修改值为.bat文件的路径
- 如果想在文件夹空白处任意位置右键出现菜单：
只需在注册表中的
计算机\HKEY_CLASSES_ROOT\Directory\Background\shell
位置上重复以上步骤⬆
到这里，你已经可以右键执行你的指令了！！！
当你知道如何举一反三，这时候你就可以利用配置右键菜单的方式，将你的指令进行组合放入.bat文件中执行，而不单单只是用来启动一个服务。
以下是扩展
修改菜单的描述、图标：
- 双击右侧默认，可以修改该菜单的描述
- 鼠标右键 ⇒ 新建 ⇒ 字符串值
- 改名为Icon, 填入.ico后缀的文件路径即可自定义菜单的图标
到这里就结束了，快去为你的右键菜单添加方便快捷的功能吧！
END
