前端开发必须要会的：macos启动一个本地web服务器访问本地html文件并在手机上访问html文件

🇨🇳背景：作为一个web前端开发工程师，有时我们写了一个简单的html文件，需要在移动端实时调试看效果，亦或是需要访问打包后的dist文件里面的index.html文件

🇨🇳解决：这个时候我们就需要在本地启动一个web服务器，让手机也可以访问

🇨🇳具体步骤：

1、mac系统：Apple M1 芯片的 macOS 系统自带python，所以使用 Python：

1、进入你需要预览页面的目录：

cd path/to/your/project/dist

2、启动 Python 的简单 HTTP 服务器：

python3 -m http.server 8080

3、pc浏览器访问：打开浏览器，访问 http://localhost:8080 或者是命令行输出中的指定端口

4、手机浏览器访问：让手机和电脑连接同一个局域网，获取到电脑的ip地址，在手机端输入http:10.100.44.135:8000，10.100.44.135为你电脑的本地ip地址，即可在手机上访问你的页面了

2、windows系统：使用本地的 HTTP 服务器：

1、安装 http-server（如果尚未安装）：

npm install -g http-server

2、进入你需要预览页面的目录：

cd path/to/your/project/dist

3、启动本地服务器

http-server