最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • nuxt构建项目打包部署服务器一(服务器篇)

    正文概述 掘金(wangbin3162)   2020-12-05   732

    前言

    记录nuxt构建项目,打包并部署至服务器的流程步骤

    一、首先准备服务器连接部分

    1.1、首先准备服务器连接部分

    准备好服务器,获取用户名密码之后,借助xshell或者mac端的Royal TSX工具可建立服务器连接,以mac端Royal TSX为例,

    Royal TSX 介绍

    Royal TSX 是一个强大的全面的远程连接管理软件,兼容多种连接类型。Royal官网

    免费版本的Royal TSX最多可以连接10个连接。它支持macOS、Windows、Android、iOS。连接成功后就可以使用命令行或者上传文件了

    nuxt构建项目打包部署服务器一(服务器篇)

    如何使用Royal TSX登录服务器

    以Centos某服务器示例,远程连接服务器 SSH 和 FTPS。下载对应功能的Royal TSX插件 ,打开Royal TSX nuxt构建项目打包部署服务器一(服务器篇)

    command + ,进入偏好设置,点击 Plugins 添加插件 Terminal 和 File Transfer 这两款插件。

    nuxt构建项目打包部署服务器一(服务器篇)

    通过SSH登录服务器 左下角"+号"新建一个Terminal窗口

    nuxt构建项目打包部署服务器一(服务器篇) 输入对应的服务器的信息

    设置用户名和密码 nuxt构建项目打包部署服务器一(服务器篇)

    登录完成 nuxt构建项目打包部署服务器一(服务器篇)

    同样的类似Terminal操作方式,新建一个File Transfer通过FTPS登录服务器,登录完如下 nuxt构建项目打包部署服务器一(服务器篇)

    1.2、安装必备软件

    建立连接之后需要安装node环境,我们去官网下载最新的包

    1、nodejs环境

    在Linux下安装有两种方式,一个是下载源码make编译安装。另外一种是比较推荐的,直接下载编译好的二进制,官方比较推荐后者。nodejs官网 nuxt构建项目打包部署服务器一(服务器篇)

    下载好之后,直接借助FTPS工具,将下载好的.tar.xz后缀的包拖动上传至服务器 /usr/src 目录下

    然后打开Terminal控制台进入这个目录下,由于是tar.xz格式的压缩文件,所以需要用下面的命令解压:

    tar -xvf node-v14.15.1-linux-x64.tar.xz
    

    解压成功之后即是可以运行的二进制文件,只需要为node何npm建立两个软连接,使之可以全局运行即可:

    //前面地址为实际地址比如我安装的位置是/usr/src
    ln -s /usr/src/node-v14.15.1-linux-x64/bin/node /usr/local/bin/node
    ln -s /usr/src/node-v14.15.1-linux-x64/bin/npm /usr/local/bin/npm
    

    然后就可以输入命令node -v npm -v查看是否配置成功了 nuxt构建项目打包部署服务器一(服务器篇)

    配置使用淘宝npm镜像

    npm config set registry https://registry.npm.taobao.org
    

    验证是否成功: npm config get registry

    2、安装pm2守护程序

    PM2 是一个带有负载均衡功能的 Node 应用进程管理器

    全局安装pm2

    npm install -g pm2
    

    安装完成后,同样配置一下软连接,这样保证全局命令可用pm2 -v 查看版本

    ln -s /usr/src/node-v14.15.1-linux-x64/bin/pm2 /usr/local/bin/pm2
    

    pm2命令

    • 1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js
    • 2 重命名进程/应用 pm2 start app.js --name wb123
    • 3 添加进程/应用 watch pm2 start bin/www --watch
    • 4 结束进程/应用 pm2 stop www
    • 5 结束所有进程/应用 pm2 stop all
    • 6 删除进程/应用 pm2 delete www
    • 7 删除所有进程/应用 pm2 delete all
    • 8 列出所有进程/应用 pm2 list
    • 9 查看某个进程/应用具体情况 pm2 describe www
    • 10 查看进程/应用的资源消耗情况 pm2 monit
    • 11 查看pm2的日志 pm2 logs
    • 12 若要查看某个进程/应用的日志,使用 pm2 logs www
    • 13 重新启动进程/应用 pm2 restart www
    • 14 重新启动所有进程/应用 pm2 restart all

    下一篇文章,打包nuxt并部署


    起源地下载网 » nuxt构建项目打包部署服务器一(服务器篇)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元