下载node
解压
tar -xvf node-v10.14.2-linux-x64.tar.xz
建立软连接
ln -s /opt/node-v10.14.2-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/node-v10.14.2-linux-x64/bin/npm /usr/local/bin/npm
安装cnpm
npm install -g cnpm
如果慢可以加上:
npm install -g cnpm --registry=https://registry.npm.taobao.org
软连接
ln -s /opt/node-v10.14.2-linux-x64/bin/cnpm /usr/local/bin/cnpm
安装vue
cnpm install -g vue-cli
软连接
ln -s /opt/node-v10.14.2-linux-x64/bin/vue /usr/local/bin/vue
使用vue创建第一个项目
vue init webpack projectName
cd projectName
cnpm install
cnpm run dev //开发运行
npm run build //打包
使用nginx部署vue项目
1.安装依赖
yum install gcc
yum install pcre-devel
yum install zlib zlib-devel
yum install openssl openssl-devel
//一键安装上面四个依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
2.下载nginx的tar包
3.解压
tar -xvf nginx-1.13.7.tar.gz
4.安装nginx
//进入nginx目录
编译安装 stream 组建
./configure --prefix=/usr/local/nginx/ --with-http_stub_status_module --with-http_ssl_module --with-stream --with-stream_ssl_module
执行make命令
make
//执行make install命令
make install
5.Nginx常用命令
//测试配置文件
安装路径下的/nginx/sbin/nginx -t
//启动命令
安装路径下的/nginx/sbin/nginx
//停止命令
安装路径下的/nginx/sbin/nginx -s stop
或者 : nginx -s quit
//重启命令
安装路径下的/nginx/sbin/nginx -s reload
//查看进程命令
ps -ef | grep nginx
//平滑重启
kill -HUP Nginx主进程号
6.转发配置:
讲相应端口转发至vue工程打包完成的dist目录下即可