如何本地搭建手机可访问的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