十六.deepin环境安装nodejs

本文采用压缩包的形式安装：

下载地址：下载 | Node.js

我下载的版本是：node-v16.18.1-linux-x64.tar.xz

解压到目录/usr/local/

sudo xz -d node-v16.18.1-linux-x64.tar.xz

sudo tar -xvf node-v16.18.1-linux-x64.tar

 创建软链，在任意目录都可以使用

sudo ln -s /usr/local/ode-v13.12.0-linux-x64/bin/node /usr/local/bin/

sudo ln -s /usr/local/node-v13.12.0-linux-x64/bin/npm /usr/local/bin/ 

检验是否成功

$ node -v v13.12.0

$ npm -v 6.4.1

为提高兼容性，后来开始使用nvm安装多版本nodejs便于打包不同的新老项目

nvm下载地址：Release v0.39.2 · nvm-sh/nvm · GitHub

1.先把以前安装的全都卸载

卸载原有旧的cnpm：

淘宝镜像旧地址：npm uninstall -g cnpm --registry=https://registry.npm.taobao.org

请使用淘宝镜像新地址：npm uninstall -g cnpm --registry=

卸载node，并删除创建的node,npm等命令软链接

rm -rf node//删除node目录

cd /usr/local/bin//删除命令
rm -rf node npm cnpm npx

2.在nodejs官网找需要的长期支持版(lts列不为空的项)，确定版本号

以往的版本 | Node.js

 3.nvm包下载后解压到自己的安装路径，比如我的是/usr/local/nvm-0.39.2，编辑用户配置文件

vim ~/.bashrc

追加以下内容

export NVM_DIR="/usr/local/nvm-0.39.2"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

使生效

source ~/.bashrc

4.安装node

安装14版本  nvm install 14.21.1

安装16版本  nvm install 16.18.1

卸载8版本  nvm uninstall 8.16.0

 列出已经安装的版本 nvm ls

切换当前要使用的14版本 nvm use 14.21.1

5.node路径

linux下nvm安装的路径都在nvm路径下

如  /usr/local/nvm-0.39.2/versions/node/v14.21.1/bin

idea或者webstorm配置的时候指定这里就行。

修改nvm下载源
在nvm目录中找到 setting.txt 添加以下代码

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

使用 nvm 时，默认的 prefix 是当前激活的 Node.js 版本的安装路径。
带来一个问题是：切换版本之后，之前安装全局命令模块需要重新安装，非常不方便。
解决方案是配置统一的全局模块安装路径。
新建npm_global和npm_cache文件夹，分别用于npm包的全局安装路径和全局cache路径

npm查看各种全局路径的命令

• 查看当前npm包的全局安装路径

npm prefix -g 

• 查看当前npm包的全局cache路径

npm config get cache

• 查看配置列表

npm config ls

• 查看配置列表的全部信息

npm config ls -l

npm修改全局路径命令

• 修改npm的包的全局安装路径

npm config set prefix "D:\Program Files\DevTools\node.js\node_global"

• 修改npm的包的全局cache位置

npm config set cache "D:\Program Files\DevTools\node.js\node_cache"

配置环境变量

• 将npm包全局安装路径配置在环境变量中

此电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统变量 -> path ->编辑 - > 新增路径 - D:\Program Files\DevTools\node.js\node_global（路径可以根据npm prefix -g查看）

注意pnpm环境变量配置

4. yarn管理

安装yarn
yarn的默认缓存和存储包的路径都在C盘，所以最好在安装后也进行修改

yarn查看各种路径命令

• 查看 yarn 全局bin位置(prefix)

yarn global bin

• 查看 yarn 全局安装位置(folder)

yarn global dir

• 查看 yarn 全局cache位置(cache)

yarn cache dir

• 查看配置列表

yarn config list

yarn修改路径命令

• 改变 yarn 全局bin位置(prefix)

yarn config set prefix "D:\Program Files\DevTools\node.js\yarn_global\bin"

• 改变 yarn 全局安装位置(folder)

yarn config  set global-folder "D:\Program Files\DevTools\node.js\yarn_global"

• 改变 yarn 全局cache位置(cache)

yarn config set cache-folder "D:\Program Files\DevTools\nvm\v16.15.0\yarn_cache"

配置环境变量
将 D:\Program Files\DevTools\node.js\yarn_global 添加到环境变量的path变量中，若该目录下自动生成了bin目录，则添加 D:\Program Files\DevTools\node.js\yarn_global\bin 到环境变量中

vue创建软链接，设为全局变量

sudo ln -s /usr/local/nvm-0.39.2/versions/nodejs/node_global/bin/vue /usr/local/bin