linux前端开发环境安装

前言

前端环境有node.js\nvm\npm\pnpm\yarn
node.js是javaScript的运行环境，有很多个不同版本，根据项目不同需要切换node.js的版本。
nvm是nodejs的版本管理工具。
npm是随着nodejs自动安装的nodejs的包管理工具。
pnpm 是一个快速、节省磁盘空间和高效的包管理器，目标是解决 npm 和 Yarn 的一些性能和存储问题。
yarn是一个快速、可靠、安全的 JavaScript 包管理工具,解决了一些 npm在性能和依赖管理上的问题。
npm、pnpm、yarn的功能上是一致的，pnpm/yarn不是必须安装的，只是安装后更方便一些。(我没使用过yarn，所以本文不描述yarn的安装)

安装

安装顺序：nvm>node.js>npm>pnpm

nvm安装

github

国外使用的如果没有使用代理可能会遇到无法解析主机地址 “raw.githubusercontent.com”。
github项目地址:https://github.com/nvm-sh/nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

两条命令使用一条即可。
命令解释：
curl和wget都是linux上的下载工具。
curl -o- 是将输出到命令行中；| bash 表示使用bash命令行运行前半段命令的输出。
wget -qO- 是将输出到命令行中、q 安静运行不会输出日志；后半段与curl相同。

gitee

国内可使用gitee。
gitee项目地址:https://gitee.com/RubyMetric/nvm-cn

#安装
bash -c "$(curl -fsSL https://gitee.com/RubyMetric/nvm-cn/raw/main/install.sh)" 

#卸载
bash -c "$(curl -fsSL https://gitee.com/RubyMetric/nvm-cn/raw/main/uninstall.sh)"

检查nvm安装

nvm 安装完成使用命令检测

nvm ls

node.js和npm的安装

node.js使用nvm安装，npm在node.js安装的同时被nodejs一同安装。

nvm ls

# 列出所有可安装版本
nvm ls-remote

# 安装某个版本Node
nvm install lts/fermium
nvm install v12.20.1
nvm install v15.5.1

# 切换Node版本
nvm use system
nvm use 14.15    # 不用全部打出版本号

pnpm 安装

npm install -g pnpm

安装完成

#如果有 前端项目 cd 到项目路径
#使用 pnpm i 安装项目依赖
pnpm i

更换源

更换国内源使用chsrc工具，项目地址：https://gitee.com/RubyMetric/chsrc

安装

#为了安装后更容易找到该工具，所以安装到根目录。
cd ~

# x64
curl -L https://gitee.com/RubyMetric/chsrc/releases/download/pre/chsrc-x64-linux -o chsrc; chmod +x ./chsrc

使用

./chsrc set node