mac下用browser-sync 做一个webapp的手机端的测试

browser 官网：http://www.browsersync.cn/

基于node来安装

注意项目的命名规范

node.js 安装

1. https://nodejs.org/en/ 官网下载安装包，注意平台的选择
2. 安装完成后 node -v | npm -version 测试一下
3. 因为我们安装browser 的时候，可能会使用到sudo权限问题，但是官网明确说明，不要使用，所以我们要修改一下npm的路径地址

npm config get prefix 查看一下npm的路径
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share} 修改npm的路径

* 注意如果的路径是usr/local 可以使用此方法，如果不是那请看文档中的第二种解决的方式 *

browser 安装

npm install -g browser-sync

browser 启动

browser-sync start --server --files '*.css, *.html'  路径是相对路径，相对于你启动browser的路径

启动后会看到在网页中默认打开一个本地地址例如localhost:3001 ,那么我们在手机使用的时候，把local改成ip地址就可以来

命名的规范

1、不要使用数字来命名
2、不要使用汉字来命名
3、只支持纯英文