Nodejs安装与环境配置

下载

下载对应你系统的Node.js版本:https://nodejs.org/en/download/

下载

安装

基本可以下一步安装,每次勾选需要选内容,其次就是修改存放位置即可

  1. 欢迎界面,直接Next
  2. 协议页面,勾选接受(必然,不接受是不可能下一步的)然后next,想看可以看看
  3. 选择安装位置,任意位置(根据个人情况),然后next
  4. 直接next,默认即可这四个选项即可


    image
  5. 接着界面如下,其意思是安装nodejs需要一些依赖,若勾选,他会自动帮你下载相关的东西,不选的话,就需要自己根据其提供的链接去查看需要的依赖,然后手动下载


    image
  6. 然后点finish
  7. 接着就会开始本地安装
  8. 连着弹出两个cmd窗口,仅仅是告诉一些通知信息,按任意键跳过就行,也可以看看再跳过
  9. (若安装时勾选安装依赖选项)会出现一个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,一般搜索的第一个就是对应的文件,可以根据时间和位置判断,打开文件你就会发现内容就是你设置的目录

image

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代码,就可以打开

问题

  1. http://localhost:8888/favicon.ico 404 错误

需要引入一个 favicon.ico 的文件,引入到server.js同级目录

favicon.ico是一个小图标

image

2. 目录和文件名不要出现中文,否则会不识别,无法打开对应的文件

如:

[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

https://blog.csdn.net/hj08053127/article/details/77987443

https://blog.csdn.net/u014420383/article/details/47945819

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354