CentOS服务器安装 node.js 和 express 及创建express项目 和vue项目的部署

目录

一、安装 node.js

1. 下载Linux版的node.js  下载        

2. 连接云服务器、上传、解压

 3. 给 node 和 npm 建立软链接

 4. 查看版本,是否安装成功 

二、安装 express 和 创建express项目

       1. 先安装 express  再创建软链接   查看

       2. 创建 express 项目 和 启动

       3. 开放云服务器3000端口

       4. 访问

三、用 node 部署 vue 项目

        1. 打包 

        2. 上传

        3. 修改

        4. 启动 

        5. 访问 

        6. 安装 pm2 


一、安装 node.js

1. 下载Linux版的node.js  下载        

我下载 node 版本是10.16.0

2. 连接云服务器、上传、解压

        2.1. 连接CentOS云服务器,不会连接?

        2.2. 上传node.js  ,不会上传?                

        2.3. 用命令解压上传好的 node.js

     xz -d node-v10.16.0-linux-x64.tar.xz    // 第一步:去掉压缩包的 .xz 后缀
     tar -xvf node-v10.16.0-linux-x64.tar    // 第二步:解压

        2.4. 修改 解压后的文件夹名为 nodejs,当然,不修改也可以的,移动nodejs

    mv node-v10.16.0.0-linux-64/ nodejs

        

 3. 给 node 和 npm 建立软链接

        为什么要建立软链接?因为在 CentOS 中只有建立了软链接,node 和 npm 命令才会生效

ln -s /usr/local/nodejs/bin/node /usr/local/bin/   // 建立 node 软链接
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/    // 建立 npm 软链接

 4. 查看版本,是否安装成功 

node -v   // 查看 node 版本
npm -v    // 查看 npm 版本

       安装成功: node 版本是10.16.0    npm 的版本是6.9.0

二、安装 express 和 创建express项目

       1. 先安装 express  再创建软链接   查看

// 1. 全局安装 express
npm install -g express-generator
// 2. 创建软链接   
ln -s /usr/local/bin/nodejs/bin/express /usr/local/bin/  
// 3. 查看是否安装成功,成功的话会弹出 express 的全部命令  
express -h    

       2. 创建 express 项目 和 启动

express myapp    // 1. 创建有个名为 myapp 的 express 项目
cd myapp         // 2. 进入项目文件夹
npm install      // 3. 安装依赖包
npm start        // 4. 启动项目

       3. 开放云服务器3000端口

                登录阿里云开放端口

                点击 “添加规则” 添加3000端口,express项目的端口号是那个就添加那个端口号

       4. 访问

                在浏览器中输入   服务器IP:3000 

三、用 node 部署 vue 项目

        1. 打包 

npm run build   // 将vue 项目打包

        2. 上传

打包后会生成一个 dist 文件夹,将文件夹上传到 express 项目的根目录

        3. 修改

需要修改 express 项目中的 app.js ,因为要让 express 项目加载 dist 文件夹

app.use(express.static(path.resolve(__dirname, 'dist')))

        4. 启动 

上面工作都已经做好就开始启动 express 项目

npm start  // 启动 express 项目

        5. 访问 

浏览器地址栏中输入 云服务器的 IP和端口号

云服务器 用 node 部署 vue 项目就成功了 

        6. 安装 pm2 

为什么要安装 pm2  ?

        首先,pm2 是热启动,可以让启动的项目保证不受影响,一直保持为启动状态,

        然而,我们发现,部署完 vue 项目之后要一直启动 express 项目才能保证浏览器的正常访问。 但是,只要断开远程连接,express 项目就会自动关闭,3000 端口也会随之关闭,浏览器就会访问 vue 失败,

        所以,要保证 远程连接断开的状态下开启 express 项目,就要安装 pm2

// 1. 全局安装 pm2
npm install -g pm2  
// 2. 建立软链接
ln -s /usr/local/bin/nodejs/bin/pm2 /usr/local/bin/pm2 
// 3. 先进入 express 项目文件夹,启动项目
pm2 start bin/www

 

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值