zoukankan      html  css  js  c++  java
  • 如何本地搭建手机可访问的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)即可在手机上访问自己的项目

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

  • 相关阅读:
    ETL概念集锦
    想要快速泡大麦茶的4种方法
    Suggest blowing out the dust
    Pessimistic and optimistic locking
    操作系统简介
    初学计算机基础
    JavaScript筑基篇(三)->JS原型和原型链的理解
    网页瀑布流效果实现的几种方式
    javascript的基本语法、数据结构
    javascript如何列出全局对象的非原生属性。
  • 原文地址:https://www.cnblogs.com/fanyuying-web/p/9233172.html
Copyright © 2011-2022 走看看