Arch | Nodejs 配置

今天在使用 npm 时出现了一些错误，之前那个文章内容有点多，找起来比较麻烦，所以这里单独把一些软件的配置单独拉出来写一个文章。

参考 ArchWiki : Node.js

安装

如果没有多版本需求的话，直接安装 nodejs 和 npm 即可。

• nodejs : 最新版
• nodejs-lts-hydrogen : v18.15.0
• nodejs-lts-gallium : v16.19.1

其他版本可以自己使用 pacman -Ss nodejs-lts 去查询。

sudo pacman -S nodejs npm
sudo pacman -S nodejs-lts-hydrogen npm

多版本需求安装 nvm

如果需要使用多个 nodejs 版本，推荐使用 NVM (Node Version Manager) 。nvm^AUR或 nvm^archlinucn 可以安装多个版本，并且快速切换。

# 安装 nvm
yay -S nvm

安装完成后会提示你加入 shell 的启动文件：

echo 'source /usr/share/nvm/init-nvm.sh' >> ~/.zshrc

接下来选择自己想要安装的版本就行。

nvm install --lts  # 我这边选择安装稳定版，这里是18.15.0
nvm use --delete-prefix v18.15.0

这时候就可以使用 node -v 和 npm -v 了。
不过重启终端后，还是会提示找不到 node 和 npm 两个命令。这时候设置一下就行，下面命令二选一。

nvm alias default 18.15.0
nvm alias default node

使用

在使用 npm 安装包的时候，一般都会涉及到系统的全局安装 -g ：

npm i -g packageName

默认情况下，这个命令会将包安装至 /usr/lib/node_modules/npm 下，需要管理员权限。

1. 麻烦点的就是每次都添加 sudo，但听说这样安装的包生成文件还是会涉及权限问题。(不推荐)
2. 也可以给文件夹添加权限 (不推荐):

   sudo chown -R user /usr/lib/node_modules
   

3. 设置一个本地目录来实现用户级别安装：

   echo 'PATH="$HOME/.local/bin:$PATH"\n\
   	export npm_config_prefix="$HOME/.local"' >> ~/.profile
   

   自己设置目录即可。
4. 也可以通过 npm config set prefix "$HOME/.local" 来设置。

可以通过 npm config ls 来查看配置。

配置

换源

临时使用

npm install -g cnpm --registry=https://registry.npmmirror.com

永久使用

npm config set registry https://registry.npmmirror.com

查询源

npm config get registry

恢复官方源

npm config set registry https://registry.npmjs.org

之前的淘宝镜像站已经从 https://npm.taobao.org/ -> https://registry.npmmirror.com 了。

nrm

可以使用 nrm 来进行换源。

# 安装 nrm
npm i -g nrm
# 查看镜像源列表
nrm ls
# 切换到淘宝源
nrm use taobao
# 查看当前源
nrm current
npm config get registry

使用 cnpm

可以使用 cnpm 代替默认的 npm。

npm install -g cnpm --registry=https://registry.npmmirror.com

具体使用可去官网查看。

Vue

现在的 Vue 改用 Vite 构建，不需要再使用之前的 @vue/cli 了。
现在官网推荐使用 create-vue 来构建 Vue 应用。

• 确保安装了 16.0 或更高版本的 Node.js

npm create vue@3
npm create vue@2