如何本地搭建手机可访问的web网页

　　在做前端开发过程中，网页开发会适配移动端设备，但是，仅仅使用谷歌的手机模式开发，并不能完全与真机保持一致，所以，如何能在网页开发的过程中，实时同步的真机测试，我这里有一些简单的经验。

　　前端开发，离不开nodejs，这个强大的工具，使用nodejs的express可以实现本地搭建服务器，手机可访问，步骤如下：

　　一、安装nodejs及配置相关环境

　　　　1、下载nodejs，下载地址及网站：https://nodejs.org/en/download/

　　二、新建文件夹并打开，文件夹窗口输入cmd，并回车

　　三、命令行输入：npm install -g express 

　　　　注：可能会出现安装不成功的情况，命令行输入 express -V命令时，会显示会显示不是内部文件，重新输入 npm install -g express-generator命令，重新安装

　　四、执行：执行 express hello 创建名称为hello的文件夹

　　五、跳转至文件夹目录 cd hello 
　　六、 执行 npm install 
　　七、 npm start 开始运行项目
　　八、 本地浏览器打开 localhost:3000即可访问到页面
　　九、 如果要访问自己的html页面 或者 项目时 将项目放置在public文件夹下 浏览器打开 localhost:3000/文件夹/index.html文件 即可访问自己的页面

　　十、打开手机 将localhost换成ip地址（我的是10.8.8.196:3000）即可在手机上访问自己的项目

　　至此，一个简单的手机可访问的项目就创建成功了

 

转载于:https://www.cnblogs.com/fanyuying-web/p/9233172.html