Node.js安装与入门

228 阅读3分钟

一、3m安装

1.nvm (node version manager)

1)下载Windows版nvm的安装版本

官网下载链接:nvm-windows Releases

请下载nvm-setup.zip这个安装版的最新版

2)安装nvm

解压zip安装包后,运行nvm-setup.exe,开始安装。 注意:node.js的安装路径不要包含空格和中文,就是说,不要安装到C:\Program Files\软件这样的目录下。不然很可能在后面执行nvm use调用指定版本的node.js时,会报exit status 1错误。

3)配置npm及node.js的下载源

上一步中将nvm安装到的位置,如: 我的是安装在E:\Software目录下, 所以我们要编辑E:\Software\nvm\settings.txt这个文件,在最后加上两行:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

4)检查安装

按下快捷键Win+R,在弹出的运行对话框中,输入cmd,先输入命令nvm v,检查nvm是否安装成功

nvm v

出现类似1.1.10这样的一串数字,说明安装成功了,这一串数字代表版本号

注意:此处会有灵异现象,是什么呢?就是会提示不是内部或外部命令,也不是可运行的程序或批处理文件。为什么呢?因为根据官方文档的说法,这个nvm的安装包是适用于Windows 8.1及更高版本的系统的,如果在Windows 7或者更低版本的系统中安装,就会出现各种各样的问题。

那么应该如何解决呢?方法就是:在Windows的系统变量用户变量中,均添加NVM_HOMENVM_SYMLINK这两个名称的变量,前一个变量的值为nvm的安装路径,如C:\Dev\nvm,后一个变量的值为node.js的安装路径,如C:\Dev\nodejs。除此之外,还要确保系统变量PATH中,有%NVM_HOME%%NVM_SYMLINK%这两个值,每个值的后面要加上英文的分号;

如何进入到编辑系统变量和环境变量的界面中?
此处以Windows 10系统进行说明,Windows 7也是同样的方法。

  1. 进入控制面板的系统和安全大类里的系统这个小类。
  2. 点击界面左侧的高级系统设置
  3. 点击弹出窗口中的环境变量
  4. 然后就可以开始编辑系统变量和环境变量了

添加完变量之后,建议重启电脑,以确保修改生效。

5)使用nvm管理版本

nvm ls available    //windows版本,列出全部可以安装的node版本
nvm ls  // 列出当前已安装的所有版本
nvm use 版本号    // 使用某一具体版本,例如:nvm use 14.3.0
nvm uninstall 版本号    // 卸载某一具体版本,例如:nvm uninstall 14.3.0
nvm alias default 版本号   // 设置默认的版本

6)其他常见问题

mac 上安装 nvm 遇到的坑

mac下安装nvm以及node

安装node版本管理工具之NVM

Windows下安装nvm、npm及node.js

2.npm (node package manager)

安装node.js时,npm也一并安装好了,可以通过输入npm -v命令来测试是否成功安装,出现版本则表示安装成功

npm -v

3.nrm (node registry manager)

1)安装nrm

npm install -g nrm

2)查看源

nrm ls

image.png

3)切换源

nrm use tabobao

4)增加源

nrm add 自定义源名字 源地址

二、hello nodejs

const http = require('http')
http.createServer((req, res) => {
  let status = 200
  res.writeHead(status, {'Content-Type': 'text/plain'})
  res.end('hello nodejs')
}).listen(3000, '127.0.0.1')
console.log('running http://127.0.0.1:3000/')

在vscode创建hello_node.js代码为上述代码,并运行该代码

node hello_node.js

image.png 在浏览器打开http://127.0.0.1:3000/

image.png

1.单个文件调试

image.png 在底行打上断点,并按下F5,查看调试控制台对应的tab项然后在终端通过curl命令发送一个简单的get请求,当然在浏览器里输入url也同样可以访问,效果一样

image.png

1.固定文件调试

image.png