下载
下载对应你系统的Node.js版本:https://nodejs.org/en/download/
下载安装
基本可以下一步安装,每次勾选需要选内容,其次就是修改存放位置即可
- 欢迎界面,直接Next
- 协议页面,勾选接受(必然,不接受是不可能下一步的)然后next,想看可以看看
- 选择安装位置,任意位置(根据个人情况),然后next
-
直接next,默认即可这四个选项即可
image -
接着界面如下,其意思是安装nodejs需要一些依赖,若勾选,他会自动帮你下载相关的东西,不选的话,就需要自己根据其提供的链接去查看需要的依赖,然后手动下载
image - 然后点finish
- 接着就会开始本地安装
- 连着弹出两个cmd窗口,仅仅是告诉一些通知信息,按任意键跳过就行,也可以看看再跳过
- (若安装时勾选安装依赖选项)会出现一个powershell界面,会下载需要的依赖和环境,不要手动关闭,否则会下载失败,下载完成会自动关闭,只需要等等就行
下载的环境有 Visual Studio和python,可以在第二个cmd弹框中知道,Visual Studio有点大,当配置完成就可以卸载了,不想卸载可以不卸载
Visual Studio位置
C:\Program Files (x86)\Microsoft Visual Studio
利用其文件夹下的 Installer 中的 vs_installer.exe 进行卸载,最后会有残留,直接把icrosoft Visual Studio文件夹删除就行
配置环境
下载完成,对应目录的内容如下:
image
查看node和npm的版本(若可以查看,就代表着nodejs安装成功):
C:\Users\Lenovo>npm -v
6.14.4
C:\Users\Lenovo>node -v
v12.16.2
引入 required 模块
修改引入位置
默认在C盘的路径下,如果不想修改可跳过
C:\Users\Lenovo\AppData\Roaming\npm
1. 在nodejs安装目录下,新建两个文件夹
node_cache
node_global
image
2. 打开cmd窗口,依次输入如下
npm config set prefix "D:\Node\node_global"
npm config set cache "D:\Node\node_cache"
前面的格式基本是固定的,只需要改一下自己相应文件的目录就行
3. 查看设置的位置
在
C:\Users\用户
位置,搜索 npmrc,一般搜索的第一个就是对应的文件,可以根据时间和位置判断,打开文件你就会发现内容就是你设置的目录
prefix=D:\Node\node_global
cache=D:\Node\node_cache
配置环境变量
在用户变量中修改path中的目录
(若没有修改引入位置,不需要改变)
默认为:C:\Users\Lenovo\AppData\Roaming\npm
修改为如图(也就是nodejs目录小4下新建的node_global的目录)
image然后在系统变量新建一个 NODE_PATH
D:\Node\node_global\node_modules
//node_modules虽然没有创建,但是在引入资源时会创建
image
下载
npm 的包安装分为本地安装(local)、全局安装(global)两种,区别仅仅就只有 -g
npm install express # 本地安装
npm install express -g # 全局安装
全局安装,使用本地安装,会默认到原本默认的位置,
C:\Users\Lenovo\AppData\Roaming\npm
配置服务器
在需要的文件夹下,新建一个js文件
使用 require 指令来载入 http 模块,并将实例化的 HTTP 赋值给变量 http
var http = require('http');
使用 http.createServer() 方法创建服务器,并使用 listen 方法绑定 8888 端口。
例如:
server.js
var http = require('http');
var fs = require('fs');
var url = require('url');
// 创建服务器
http.createServer( function (request, response) {
// 解析请求,包括文件名
var pathname = url.parse(request.url).pathname;
// 输出请求的文件名
console.log("Request for " + pathname + " received.");
// 从文件系统中读取请求的文件内容
fs.readFile(pathname.substr(1), function (err, data) {
if (err) {
console.log(err);
// HTTP 状态码: 404 : NOT FOUND
// Content Type: text/html
response.writeHead(404, {'Content-Type': 'text/html'});
}else{
// HTTP 状态码: 200 : OK
// Content Type: text/html
response.writeHead(200, {'Content-Type': 'text/html'});
// 响应文件内容
response.write(data.toString());
}
// 发送响应数据
response.end();
});
}).listen(8888);
// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8888/');
打开cmd,输入
node server.js
image
http:/ /127.0.0.1:8888/ 表示server.js同级目录,然后根据相对路径找到指定的HTML代码,就可以打开
问题
需要引入一个 favicon.ico 的文件,引入到server.js同级目录
favicon.ico是一个小图标
image2. 目录和文件名不要出现中文,否则会不识别,无法打开对应的文件
如:
[Error: ENOENT: no such file or directory, open 'E:\VsCode\MyWebObject\Vue\%E8%A7%86%E9%A2%91%E7%BB%83%E4%B9%A0\watch.html'] {
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\\VsCode\\MyWebObject\\Vue\\%E8%A7%86%E9%A2%91%E7%BB%83%E4%B9%A0\\watch.html'
参考文章:
https://www.cnblogs.com/zhouyu2017/p/6485265.html
网友评论