linux node vue3 部署手册

第一步：在linux 系统中安装node

1、在网址：https://nodejs.org/dist/ 下载对应版本的安装包。

2、解压缩下载的压缩包到任意位置，推荐home下。
样例路径为：/home/syl/node-v20.17.0-linux-x64.tar.xz
样例：

tar -xvjf node-v20.17.0-linux-x64.tar.xz

3、创建软连接

sudo ln -s /home/syl/node-v20.17.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/syl/node-v20.17.0-linux-x64/bin/npm /usr/local/bin/npm

4、编辑环境配置文件
/etc/profile 和 ~/.bashrc 区别

sudo vim  ~/.bashrc

在文件末尾添加：

export NODE_HOME= /home/syl/node-v20.17.0-linux-x64/bin/
export PATH=$PATH:$NODE_HOME:/usr/local/bin/

刷新环境配置：

source .bashrc

或

4、编辑环境配置文件

sudo vim /etc/profile

在文件末尾添加：

export NODE_HOME= /home/syl/node-v20.17.0-linux-x64/bin/
export PATH=$PATH:$NODE_HOME:/usr/local/bin/

刷新环境配置：

source /etc/profile

5、检查node和npm的版本，验证是否安装成功。
终端输入：node -v 和 npm -v 结果如下：

第二步：配置npm的缓存路径与下载源。

由以下命令，来修改安装路径和缓存路径：

npm config set prefix "/your/path/nodejs/node_global" 
npm config set cache " /your/path/nodejs/node_cache"

修改后，由npm config get prefix查看npm全局安装保存路径，npm config get cache查看npm安装缓存cache路径

由以下命令，将下载源改为国内网站：

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

由以下命令查看当前软件园

npm config get registry

第三步：安装vue 和 vite
运行：npm install vue -g 安装 vue
运行：npm install vite -g create-vite 安装 vite

第四步：移植前端
将前端压缩包复制到自选位置，解压缩。
在前端工程文件夹目录下打开终端，运行：npm install 安装前端依赖

（package.json 所在目录）