【小沐学前端】Ubuntu系统手动搭建Node.js环境

爱看书的小沐

已于 2023-07-08 09:38:50 修改

阅读量6.5k

点赞数 3

分类专栏： Web Linux 文章标签： nodejs ubuntu linux nvm npm

于 2022-04-06 23:58:43 首次发布

本文链接：https://blog.csdn.net/hhy321/article/details/124002189

版权

Web 同时被 2 个专栏收录

69 篇文章 15 订阅

订阅专栏

Linux

21 篇文章 0 订阅

订阅专栏

“朝为酒忧，暮为酒愁，朝朝暮暮，忧愁不断。不如意事常八九，可与语人无二三。”

🍺node.js相关文章汇总如下🍺：

1、简介

1.1 ubuntu

https://cn.ubuntu.com/download/desktop

Ubuntu一直是免费下载，使用和分享。我们相信开源软件的力量，因为没有全球志愿的开发者社区，Ubuntu就不可能存在。
Ubuntu是最为安全的操作系统之一，其内建了防火墙和病毒保护软件。并且，长期支持的版本将提供5年的安全补丁和更新。
计算用于所有人，不论国籍，性别或障碍。Ubuntu被完整地翻译成50多种语言，且包含了必要的辅助技术。

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:\out2\Data\BlockAA 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

在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???
谢谢各位童鞋们啦( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！