通过node搭建本地服务器

背景:搭建本地服务器可以多个设备运行同一个地址就可以看到效果,不用把代码复制到各个设备中,以前用的php+Apache搭建本地服务器来运行静态项目,现在可以同过node直接搭建,而且node是前端需要了解的技术

(通过anywhere)方法一:
搭建步骤:
1.安装node,js
2.以下有安装包下载的链接:这里的安装包是.msi,如果要其他的,可以到菜鸟教程上去找
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
3.安装好了,我们打开cmd,输入命令行1:node -v, 这里是查询node版本,如果出现以下界面说明已经安装成功了。再根据系统执行以下的命令:

$ sudo npm install anywhere -g //Mac
$ npm install anywhere -g     //windows

注:检测安装node、java、vue、ionic等一些框架
MAC电脑截图
这里写图片描述
Window电脑截图
这里写图片描述
5.然后把自己的静态项目放在一个文件中,首先要找到它的路径,以下是我的文件,我的切换路径是,H5是我的静态项目
运行命令
$ anywhere

这里写图片描述
这里写图片描述
6.再打开浏览器运行https://10.0.20.140:8000/,再找到相应的文件进行打开

这里写图片描述

(通过新建app.js)方法二:
搭建步骤:
1.安装node,js
2.以下有安装包下载的链接:这里的安装包是.msi,如果要其他的,可以到菜鸟教程上去找
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
3.安装好了,我们打开cmd,输入命令行1:node -v, 这里是查询node版本,如果出现以下界面说明已经安装成功了。
4.随便找一个磁盘,在下面新建一个server文件夹,然后切换该文件路径下面运行$ npm init ,一路回车,会看到server文件夹下面有个package.json。
这里写图片描述
5.然后在server文件执行$ npm install express模块,再在下面新建一个app.js,内容如下:

let express = require("express");
let app = express();

app.use(express.static("html"));//关键是这一句,我的目录是html的目录

app.listen(8080, ()=>{
    console.log("服务启动成功。");
})

6.将自己的静态文件放在server文件下面;
例如:D:/server/html/index.html
这里写图片描述
7.在命令窗口路径切换到D:/server中执行
$ node app.js,等弹出服务器启动之后,在浏览器中地址栏输入http://localhost:8080/html/

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值