【Web开发】Ubuntu系统手动搭建Node.js环境

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词。


,https://nodejs.org/en/ Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具！ Node.js 在浏览器之外运行 V8 JavaScript 引擎（Google Chrome 的内核）。 这使得 Node.js 的性能非常好。

,Vim 是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。,所有的 Unix Like 系统都会内建 vi 文书编辑器。vim 具有程序编辑的能力，可以主动的以字体颜色辨别语法的正确性，方便程序设计。,基本上 vi/vim 共分为三种模式，分别是命令模式（Command mode），输入模式（Insert mode）和底线命令模式（Last line mode）。

, PuTTY是一个Telnet、SSH、rlogin、纯TCP以及串行接口连接软件。较早的版本仅支持Windows平台，在最近的版本中开始支持各类Unix平台，并打算移植至Mac OS X上。,PuTTY是一款开源(Open Source Software)的连接软件，主要由Simon Tatham维护，使用MIT许可证授权。包含的组件有：PuTTY, PuTTYgen,PSFTP, PuTTYtel, Plink, PSCP, Pageant,默认登录协议是SSH，默认的端口为22。Putty是用来远程连接服务器的，支持SSH、Telnet、Serial等协议的连接。其中最常用的是SSH。用它来远程管理Linux十分好用。,
, putty的主界面如下：
,putty是一个开源软件。对于文件或文件夹的上传下载，在Windows下它提供了pscp和psftp两个命令。

,平时主要在windows进行代码编写，最后程序需要部署到linux服务器，于是需要两个操作系统之间的上传和下载。,pscp命令执行过程的截图如下：
linux服务器的文件查询截图如下：
但是，由于Linux与Windows编码问题，如果出现汉字名称或文件内容有汉字有乱码，但还可以通过convmv和iconv处理。,pscp命令执行过程的截图如下：
linux服务器的文件查询截图如下：
,这里测试下载linux服务器上的一个文件index.js，到本地windows的文件夹D:out2。
,pscp命令执行过程的截图如下：
下载的文件index.js在目标文件夹里截图如下：
,<font color=blue>在Linux下安装有两种方式，一个是下载源码make编译安装。 另外一种是比较推荐的，直接下载编译好的二进制，官方比较推荐后者。,适用于 MacOS、Linux 和 Windows 的包管理器见如下的网址：,http://nodejs.cn/download/package-manager/,nvm 是一种流行的运行 Node.js 的方式。 例如，它可以轻松地切换 Node.js 版本，也可以安装新版本用以尝试并且当出现问题时轻松地回滚。 这对于使用旧版本的 Node.js 来测试你的代码非常有用。,https://github.com/nodesource/distributions/blob/master/README.md
putty.exe命令行界面中输入（从 NodeSource 获得Node.js 二进制发行版）：, putty.exe命令行界面中继续输入（安装nodejs）：, 如果卸载nodejs，则使用如下命令：,putty.exe命令行界面中继续输入（获取当前nodejs版本号）：, 在当前目录创建主文件 index.js：,按 i 切换至编辑模式，并将以下内容输入 index.js 文件中。,,按 Esc，输入 :wq 并按 Enter，保存文件并返回。 输入以下命令，运行 Node.js 测试项目：, 在浏览器中输入网址，显示网页如下：
,https://nodejs.org/dist/latest-v17.x/
执行以下命令，下载 Node.js Linux 64位二进制安装包。,,执行以下命令，解压安装包。, 依次执行以下命令，创建软链接。,成功创建软链接后，即可在云服务器任意目录下使用 node 及 npm 命令。,, 如果关闭终端后再打开，发现nvm没有了，则： 在 ~/.bashrc,~/.profile,or ~/.zshrc 文件内写入source ~/.nvm/nvm.sh.,或,, 再使用node -v查看nodejs的当前版本。,,,,,,,,,适用于 MacOS、Linux 和 Windows 的包管理器见如下的网址：,

1、简介

1.1 ubuntu

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词。

1.2 node.js

https://nodejs.org/en/ Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具！ Node.js 在浏览器之外运行 V8 JavaScript 引擎（Google Chrome 的内核）。 这使得 Node.js 的性能非常好。

2、linux命令

2.1 文件与目录管理

• ls 列出目录及文件名

• cd 切换目录

• pwd
  显示目前的目录

• mkdir 创建一个新的目录

• rmdir 删除一个空的目录

• cp 复制文件或目录

• rm 删除文件或目录

• mv 移动文件与目录，或修改文件与目录的名称

2.2 vi/vim

Vim 是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。

所有的 Unix Like 系统都会内建 vi 文书编辑器。vim 具有程序编辑的能力，可以主动的以字体颜色辨别语法的正确性，方便程序设计。

基本上 vi/vim 共分为三种模式，分别是命令模式（Command mode），输入模式（Insert mode）和底线命令模式（Last line mode）。

2.3 其他命令

• source 在当前bash环境下读取并执行FileName中的命令。 *注：该命令通常用命令“.”来替代。

source filename 

# 中间有空格
. filename

3、安装PuTTY

3.1 下载和安装PuTTY

PuTTY: a free SSH and Telnet client https://www.chiark.greenend.org.uk/~sgtatham/putty/

PuTTY是一个Telnet、SSH、rlogin、纯TCP以及串行接口连接软件。较早的版本仅支持Windows平台，在最近的版本中开始支持各类Unix平台，并打算移植至Mac OS X上。

PuTTY是一款开源(Open Source Software)的连接软件，主要由Simon Tatham维护，使用MIT许可证授权。包含的组件有：PuTTY, PuTTYgen,PSFTP, PuTTYtel, Plink, PSCP, Pageant,默认登录协议是SSH，默认的端口为22。Putty是用来远程连接服务器的，支持SSH、Telnet、Serial等协议的连接。其中最常用的是SSH。用它来远程管理Linux十分好用。

putty的主界面如下：

3.2 上传和下载文件（pscp）

putty是一个开源软件。对于文件或文件夹的上传下载，在Windows下它提供了pscp和psftp两个命令。

平时主要在windows进行代码编写，最后程序需要部署到linux服务器，于是需要两个操作系统之间的上传和下载。

## Windows路径在前，是Windows向Linux上传文件。Linux路径在前，则是Windows向Linux请求下载文件。
pscp [Windows上的路径，可绝对可相对] [Linux用户]@[Linux的IP地址或网络内唯一主机名]:[Linux上存放地址，绝对路径]
pscp [Linux用户]@[Linux的IP地址或网络内唯一主机名]:[Linux上存放地址，绝对路径] [Windows上的路径，可绝对可相对]

## pscp后面还可以跟随选项，6个常用选项如下：
-p 拷贝文件的时候保留源文件建立的时间。
-q 执行文件拷贝时，不显示任何提示消息。
-r 拷贝整个目录
-v 拷贝文件时，显示提示信息。<br>-sftp 强制使用sftp协议<br>-scp 强制使用scp协议

• 上传文件到linux服务器

pscp /path/filename username@sever:/path/
pscp d:/test/one_tile.mbtiles ubuntu@192.168.1.110:/home/ubuntu/tomcat/

pscp命令执行过程的截图如下： linux服务器的文件查询截图如下： 但是，由于Linux与Windows编码问题，如果出现汉字名称或文件内容有汉字有乱码，但还可以通过convmv和iconv处理。

• 上传文件夹到linux服务器 操作和上传文件一样，举例如下。

pscp D:out2DataBlockAA ubuntu@192.168.1.110:/home/ubuntu/tomcat/

pscp命令执行过程的截图如下： linux服务器的文件查询截图如下：

• 下载文件到本地windows

这里测试下载linux服务器上的一个文件index.js，到本地windows的文件夹D:out2。

pscp ubuntu@192.168.1.110:/home/ubuntu/tomcat/index.js D:out2

pscp命令执行过程的截图如下： 下载的文件index.js在目标文件夹里截图如下：

4、安装nodejs

<font color=blue>在Linux下安装有两种方式，一个是下载源码make编译安装。 另外一种是比较推荐的，直接下载编译好的二进制，官方比较推荐后者。

4.1 通过二进制文件安装

适用于 MacOS、Linux 和 Windows 的包管理器见如下的网址：

http://nodejs.cn/download/package-manager/

nvm 是一种流行的运行 Node.js 的方式。 例如，它可以轻松地切换 Node.js 版本，也可以安装新版本用以尝试并且当出现问题时轻松地回滚。 这对于使用旧版本的 Node.js 来测试你的代码非常有用。

https://github.com/nodesource/distributions/blob/master/README.md putty.exe命令行界面中输入（从 NodeSource 获得Node.js 二进制发行版）：

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -

putty.exe命令行界面中继续输入（安装nodejs）：

sudo apt-get install -y nodejs
or
sudo apt install nodejs

如果卸载nodejs，则使用如下命令：

## 卸载 nodejs，但是会保留配置文件
sudo apt remove nodejs
## 不想保留配置文件
sudo apt purge nodejs
## 移除和 nodejs 一起安装但是现在没有被使用的包
sudo apt autoremove

putty.exe命令行界面中继续输入（获取当前nodejs版本号）：

node -v

在当前目录创建主文件 index.js：

vim index.js

按 i 切换至编辑模式，并将以下内容输入 index.js 文件中。

const http = require('http')

const hostname = '127.0.0.1'
const port = 5902

const server = http.createServer((req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'text/plain; charset=utf-8')
  res.end('Hello World，爱看书的小沐！n')
})

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`)
})

按 Esc，输入 :wq 并按 Enter，保存文件并返回。 输入以下命令，运行 Node.js 测试项目：

node index.js

在浏览器中输入网址，显示网页如下：

4.2 通过源代码安装

https://nodejs.org/dist/latest-v17.x/ 执行以下命令，下载 Node.js Linux 64位二进制安装包。

wget https://nodejs.org/dist/latest-v17.x/node-v17.8.0-linux-x64.tar.xz  

执行以下命令，解压安装包。

tar xvf node-v17.8.0-linux-x64.tar.xz  

依次执行以下命令，创建软链接。

ln -sf /home/ubuntu/tomcat/node-v17.8.0-linux-x64/bin/node /usr/bin/node
ln -sf /home/ubuntu/tomcat/node-v17.8.0-linux-x64/bin/npm /usr/bin/npm 

成功创建软链接后，即可在云服务器任意目录下使用 node 及 npm 命令。

4.3 使用nvm管理node版本

• 执行以下命令，安装nvm:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash
or
wget -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

• 也可以通过git安装最新的nvm程序，如下：

git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm
source ~/.nvm/nvm.sh

如果关闭终端后再打开，发现nvm没有了，则： 在 ~/.bashrc,~/.profile,or ~/.zshrc 文件内写入source ~/.nvm/nvm.sh.

• 执行以下命令，配置 NVM 环境变量（这一步可忽略）。

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

或

echo ". ~/.nvm/nvm.sh" >> /etc/profile

• 查看安装的nvm的版本号

nvm --version

• 用nvm安装node.js:

nvm install 16.13.1

再使用node -v查看nodejs的当前版本。

node -v

• 执行以下命令，查看 Node.js 所有版本。

nvm list-remote

• 执行以下命令，查看已安装的 Node.js 版本。

nvm list
or
nvm ls

• 执行以下命令，切换 Node.js 使用版本。

nvm use v15.0.0
nvm use v16.13.1

• 执行以下命令，显示当前激活的nodejs版本。

nvm current
或
nvm verison

• nvm 指定默认版本 mac 和linux, ubuntu 使用 nvm use 切换版本只是临时切换，当再新开一个 terminal 时，node版本又是其默认版本，所以我们需要将你使用的node 版本设置成默认版本，这样才永久生效。

nvm alias default 15.0.0

5、安装yarn包管理器

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

sudo apt update
sudo apt install yarn
yarn --version

后记

如果你觉得该方法或代码有一点点用处，可以给作者点个赞、赏杯咖啡；╮(￣▽￣)╭ 如果你感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进。o_O??? 谢谢各位童鞋们啦( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！