【linux筆記】vue的開發環境與部署

下載node

• http://nodejs.cn/download/（選擇linux）
• wget -P /opt https://npm.taobao.org/mirrors/node/v10.14.2/node-v10.14.2-linux-x64.tar.xz

解壓

• tar -xvf node-v10.14.2-linux-x64.tar.xz

建立軟連接

1. ln -s /opt/node-v10.14.2-linux-x64/bin/node /usr/local/bin/node
2. 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創建第一個項目

1. vue init webpack projectName
2. cd projectName
3. cnpm install
4. cnpm run dev //開發運行
5. npm run build //打包

使用nginx部署vue項目

1.安裝依賴

1. yum install gcc
2. yum install pcre-devel
3. yum install zlib zlib-devel
4. yum install openssl openssl-devel

//一鍵安裝上面四個依賴
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.下載nginx的tar包

wget http://nginx.org/download/nginx-1.13.7.tar.gz

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

3. //執行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目錄下即可