利用anywhere搭建本地服务器

技术大疆
370 阅读1分钟

07242259910009.jpg

必须是在有node环境的情况下，可以先检查一下node的版本， 用window键+r打开cmd 窗口

输入 node --version;

image.png

如果没有的话，可以去node官网安装最新的版本nodeJs     nodejs.org/en/

安装好之后 输入命令 npm install anywhere -g 来安装 anywhere

注意如果是mac系统会提示你权限不够，需要在代码前加上 sudo获取管理员权限；

即sudo npm install anywhere -g

之后找到你需要打开的网页文件夹  用命令行的CD命令找到该位置文件 输入anywhere

image.png

image.png

64c1fcdacf872574ba5d79745ce4e17.jpg

ok，手机可以看效果啦

顺便把瀑布流的效果代码也贴上吧，方便大家学习

<!DOCTYPE html>
<html>
<head>
      <style>
            .box {
                margin: 10px;
                column-count: 3;
                column-gap: 10px;
            }
            .item {
                margin-bottom: 10px;
            }
            .item img{
                width: 100%;
                height:100%;
            }
        </style>
  
</head>
<body>
<div class="box">
	<!-- 瀑布流的效果图 -->
    <div class="item">
        <img  src="https://img1.baidu.com/it/u=3624129377,2792126418&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=1534067769,1206818144&fm=26&fmt=auto&gp=0.jpg" alt="" />
    <div class="item">
        <img  src="https://img0.baidu.com/it/u=4012082391,3840457276&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=27392014,2399136028&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img0.baidu.com/it/u=4012082391,3840457276&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img1.baidu.com/it/u=153435763,4233370462&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=1691765407,27995407&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img0.baidu.com/it/u=4012082391,3840457276&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=1534067769,1206818144&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img0.baidu.com/it/u=4235175460,1665246351&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=27392014,2399136028&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
    <div class="item">
        <img  src="https://img2.baidu.com/it/u=1691765407,27995407&fm=26&fmt=auto&gp=0.jpg" alt="" />
    </div>
</div>
</body>
</html>
avatar
文章
阅读
粉丝