第一步:在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 所在目录)