Nuxt 环境搭建

漫画三毛
154 阅读3分钟

目录

Nuxt 环境搭建

一、node环境搭建

1、node安装

1.1. node下载、安装

版本太高，暂时不使用 ~~wget ~~https://nodejs.org/dist/v18.12.1/node-v18.12.1-linux-x64.tar.xz

wget nodejs.org/dist/latest…

解压至指定目录，需注意，该下载版本是xz，非gzip。

# 解压到指定目录 ~~tar -xvf node-v18.12.1-linux-x64.tar.xz -C /www/server/nodejs ~~tar -xvf node-v16.18.1-linux-x64.tar.xz -C /www/server/nodejs

# 更改文件夹名称 mv node-v18.12.1-linux-x64/ node18.12.1/ mv node-v16.18.1-linux-x64/ node16.18.1

1.2. node环境配置

  • 建立软连接，为node,npm注册环境变量(其他的npm全局包也要这样注册)

# 软链接指向到node npm ln -s /www/server/nodejs/node18.12.1/bin/node /usr/local/bin/node ln -s /www/server/nodejs/node18.12.1/bin/npm /usr/local/bin/npm

ln -s /www/server/nodejs/node16.18.1/bin/node /usr/local/bin/node ln -s /www/server/nodejs/node16.18.1/bin/npm /usr/local/bin/npm ln -s /www/server/nodejs/node16.18.1/bin/yarn /usr/local/bin/yarn # 如更改缓存目录 ln -s /www/server/nodejs/data/node_global/bin/npm /usr/local/bin/npm ln -s /www/server/nodejs/data/node_global/bin/yarn /usr/local/bin/yarn

  • 查看软链接是否成功

ls -al /usr/local/bin

显示如下，表示配置成功。

  • 命令查看版本号

node -v # 列出当前版本号

1.3. 设置缓存区域（可选）

在目录 /www/server/nodejs/ 下，创建node_global / node_cache目录

# 设置缓存区域 npm config set prefix "/www/server/nodejs/data/node_global" npm config set cache "/www/server/nodejs/data/node_cache"

# 设置源地址 npm config set registry "registry.npm.taobao.org/"

1.4. 异常解决

  • node: /lib64/libm.so.6: version `GLIBC_2.27‘ not found (required by node) 报错解决

LTS版本太新导致。 参考文档：blog.csdn.net/coin535/art…

2、Nuxt安装使用

2.1 安装

# 全局安装 npm i nuxt -g # 建立软连接 ln -s /www/server/nodejs/node16.18.1/bin/nuxt /usr/local/bin/nuxt

# 如更改缓存目录 ln -s /www/server/nodejs/data/node_global/bin/nuxt /usr/local/bin/nuxt

3、PM2安装使用

选择使用pm2做进程守护。

3.1 安装

npm i pm2 -g # 建立软连接 ln -s /www/server/nodejs/node16.18.1/bin/pm2 /usr/local/bin/pm2

# 如更改缓存目录 ln -s /www/server/nodejs/data/node_global/bin/pm2 /usr/local/bin/pm2 ’

安装目录

# pm2安装目录

$HOME/.pm2

# pm2运行日志，可以查看程序运行错误

$HOME/.pm2/pm2.log

$HOME/.pm2/pm2.pid

# pm2 管理应用的日志目录

$HOME/.pm2/logs

# PM2 配置文件

$HOME/.pm2/conf.js

$HOME/.pm2/conf.js

3.2 配置

使用文件（默认：ecosystem.config.js）编写相关配置

module.exports = {  


apps: [  

{  

// 测试环境-国际版  

name: "Marketplace-Test",  

  script: './node_modules/nuxt/bin/nuxt.js',  

  args: 'start  --port 3001'  

}, {  

// 测试环境-中文版  

name: "Marketplace-TestCN",  

  script: './node_modules/nuxt/bin/nuxt.js',  

  args: 'start  --port 3002'  

}, {  

// 生产环境-国际版  

name: "Marketplace-Production",  

  script: './node_modules/nuxt/bin/nuxt.js',  

  args: 'start  --port 3001'  

}, {  

// 生产环境-中文版  

name: "Marketplace-ProdCN",  

  script: './node_modules/nuxt/bin/nuxt.js',  

  args: 'start  --port 3002'  

}  

]  
}

3.3 常用命令

内容

小标题2

内容

大标题3

内容

中标题3

内容

小标题3

内容

avatar
文章
阅读
粉丝