image.png
随着前后端分离开发的概念深入人心,以及nodejs和vue的快速发展,vue项目逐渐正在吞噬javaweb的生存空间,本篇文章给大家讲解一下在centos7环境下安装node,cnpm和vue-cli的步骤,顺便讲一下部署vue项目的大概流程........
(ps:本人选择安装node的8.9.4版本,具体情况可以根据自己公司版本选择,安装的时候看好node的版本号 是64位系统最好安装X64的 不然会出现问题)
1: 下载64位node的tar包
wget https://npm.taobao.org/mirrors/node/v8.9.4/node-v8.9.4-linux-x64.tar.gz
2: 解压tar包 (解压完成可以重名命)
tar -zxvf node-v8.9.4-linux-x64.tar.gz
mv node-v8.9.4-linux-x64 node
image.png
3: 创建node npm cnpm 软链可执行命令
ln -s /usr/local/nodejs/node/bin/npm /usr/local/bin/npm
npm -v
ln -s /usr/local/nodejs/node/bin/node /usr/local/bin/node
node -v
安装cnpm淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
ln -s /usr/local/nodejs/node/bin/cnpm /usr/local/bin/cnpm
cnpm -v
image.png
4: 安装vue-cli
cnpm install -g vue-cli
ln -s /usr/local/nodejs/node/bin/vue /usr/local/bin/vue
查看vue版本
vue -V
image.png
========================以上即为安装完成=======================
关于部署vue项目 其实很简单,原理就是把vue项目build为静态文件,使用nginx做个跳转即可,高深点的可设置负载,可以使用Docker打包成镜像文件
image.png
image.png
