Linux云服务器配置指南

作者: 前端辉羽 | 来源:发表于2019-12-09 10:11 被阅读0次

安装node.js

作为一名前端,干什么肯定都少不了node.js,下面介绍在云服务器中安装node.js的步骤

1.下载(此处版本根据官网版本自己修改)

wget https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-linux-x64.tar.xz

2.解压
xz -d node-v8.9.3-linux-x64.tar.xz  或者  tar -xzvf node-v8.9.3-linux-x64.tar.gz
tar -xvf node-v8.9.3-linux-x64.tar
3.配置环境变量(需在根目录执行)
ln -s /root/node-v8.9.3-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v8.9.3-linux-x64/bin/npm /usr/local/bin/npm
4.检测是否安装成功(出现正确版本号则安装成功)

node -v
npm -v
注:低版本的npm下载依赖比较慢,使用以下命令可以将npm升级至最新版本
npm install -g npm

部署Vue项目到云服务器

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。
我的vue项目结构如下:


微信截图_20191209095444.png
  1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置)


    微信截图_20191209100501.png

2.此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件。

3.此时我们直接在浏览器中打开index.html,是会报错的,什么都看不到。

4.安装express-generator生成器
执行 npm install express-generator -g 进行安装

5.创建一个express项目
执行 express expressDemo (expressDemo是项目名)
expressDemo项目目录如下图:


微信截图_20191209100730.png

6.进入expressDemo目录,安装项目依赖
cd expressDemo
npm install

7.把dist目录下的所有文件复制到express项目的public文件夹下


微信截图_20191209100951.png

8.然后运行 $ npm start 启动expressDemo
打开浏览器,输入 http://localhost:3000 , 就可以看到效果了

9.远程服务器持久运行
①全局安装pm2
npm install pm2 -g
②用pm2启动项目
执行pm2 start ./bin/www
或者pm2 start ./bin/www --name=“自己能认识的名称”
③停止
停止可以用pm2 stop al 或者lpm2 stop id号
④删除
删除任务可以用pm2 delete all 或者 pm2 delete id号

相关文章

网友评论

    本文标题:Linux云服务器配置指南

    本文链接:https://www.haomeiwen.com/subject/rqqbgctx.html