目录
一、安装 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