Arch | Nodejs 配置

2023-05-16

今天在使用 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 下，需要管理员权限。

麻烦点的就是每次都添加 sudo，但听说这样安装的包生成文件还是会涉及权限问题。(不推荐)
也可以给文件夹添加权限 (不推荐):
```
sudo chown -R user /usr/lib/node_modules
```

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

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

自己设置目录即可。

也可以通过 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

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Arch

nodejs