今天在使用
npm
时出现了一些错误,之前那个文章内容有点多,找起来比较麻烦,所以这里单独把一些软件的配置单独拉出来写一个文章。
参考 ArchWiki : Node.js
安装
如果没有多版本需求的话,直接安装 nodejs
和 npm
即可。
nodejs
: 最新版nodejs-lts-hydrogen
: v18.15.0nodejs-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) 。nvmAUR或 nvmarchlinucn 可以安装多个版本,并且快速切换。
# 安装 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