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

目录

一、安装 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  下载        

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