部署前端环境

🎨 作者: Lyn 📝 字数: 592字 📖 阅读时间: 2分钟

安装Nvm

nvm Github

直接下载可能会超时，没超时按 Github 安装方法即可（我是按超时的方法下载的）

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

下载超时方法：git clone 下载，之后把环境变量添加到对应文件

$ git clone https://github.com/creationix/nvm.git /usr/local/nvm

• 如果这个也超时就去 https://github.com/creationix/nvm.git 下载下来，上传到 /usr/local 里，之后重命名为 nvm
• 注意：最好不要放到 ~/.nvm 下（github 上是下载到 ~/.nvm 目录下），要不然非 root 用户，使用 nvm 有点麻烦

$ vim /etc/profile
export NVM_DIR=/usr/local/nvm
source $NVM_DIR/nvm.sh
$ source /etc/profile

nvm 常用命令

# 查看安装 node 版本(nvm list)
nvm ls
# 安装指定 node 版本
nvm install ...
# 卸载指定 node 版本
nvm uninstall ...
# 使用对应的 node 版本（命令行工具需要是管理员）
nvm use ...

安装Node

安装 node

• 如果需要下载离线版本可以去这个网站：https://nodejs.org/download/release/

  解压到 /usr/local/nvm/versions/node/ 目录下

• 一般会多安装几个 node 版本，推荐使用 v16.20.0 以上版本

$ nvm install 12.12.0
$ nvm install 16.20.0
$ nvm install 18.12.0

设置默认 node

• 每次新开连接都会使用 default 版本 node

$ nvm alias default 16.20.0

使用 nvm ls 查看是否设置成功

npm加速

npm 下载和二进制有关的文件，会非常慢，推荐修改 .npmrc 加速 c++ 库的 npm 镜像

$ vim ~/.npmrc
# mirror config
sharp_dist_base_url = https://npm.taobao.org/mirrors/sharp-libvips/v8.9.1/
profiler_binary_host_mirror = https://npm.taobao.org/mirrors/node-inspector/
fse_binary_host_mirror = https://npm.taobao.org/mirrors/fsevents
node_sqlite3_binary_host_mirror = https://npm.taobao.org/mirrors
sqlite3_binary_host_mirror = https://npm.taobao.org/mirrors
sqlite3_binary_site = https://npm.taobao.org/mirrors/sqlite3
sass_binary_site = https://npm.taobao.org/mirrors/node-sass
electron_mirror = https://npm.taobao.org/mirrors/electron/
puppeteer_download_host = https://npm.taobao.org/mirrors
chromedriver_cdnurl = https://npm.taobao.org/mirrors/chromedriver
operadriver_cdnurl = https://npm.taobao.org/mirrors/operadriver
phantomjs_cdnurl = https://npm.taobao.org/mirrors/phantomjs
python_mirror = https://npm.taobao.org/mirrors/python
registry = https://registry.npm.taobao.org/
disturl = https://npm.taobao.org/dist

全局安装常用依赖

pm2 是一个守护进程管理工具，帮助您管理和守护您的应用程序

serve 实现目录浏览服务

$ npm i -g pnpm yarn serve pm2

设置 npm 镜像源

$ npm config set registry https://registry.npm.taobao.org
$ yarn config set registry http://registry.npm.taobao.org
$ pnpm config set registry http://registry.npm.taobao.org

检查是否安装成功

前端打 jar 包会添加如下脚本命令：

• 并添加对应 pom.xml 文件

"scripts": {
  "mvn": "npm run build && mvn clean && mvn install"
}