linux 运行vue,【linux笔记】vue的开发环境与部署

下载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目录下即可