手把手搭乙個自動化部署的前端專案

2021-09-24 07:08:38 字數 740 閱讀 6289

本文以nodejs執行的前端專案為例子。直接使用webpack的熱更新執行專案。

進入我們的伺服器git倉庫資料夾裡

cd /usr/hongtao/myblog.git


複製**
該目錄下有乙個hooks目錄cd hooks進入

編寫乙個叫post-receive的檔案

vim post-receive


複製**
寫入如下內容

#!/bin/bash


dir=/usr/hongtao/myblog


cd$dir


echo


$dir


echo


'伺服器**更新'


unset $(git rev-parse --local-env-vars)


git fetch --all


git reset --hard origin/master


git pull


npm install


複製**
新增可執行許可權

chmod +x post-receive


複製**
每當我們客戶端提交一次**，這個鉤子就會執行一次。由於我們的前端**是熱更新的作用，當**更新了，我們直接訪問的就是我們最新的頁面。

手把手帶你開發乙個前端命令列工具

命令列工具，即cli command line inte ce 是在圖形使用者介面得到普及之前使用最為廣泛的使用者介面，它通常不支援滑鼠，使用者通過鍵盤輸入指令，計算機接收到指令後，予以執行。在學習這篇教程之前，我們需要先了解nodejs,npm和一些常用的shell命令相關知識點。那怎樣才可以從0...

手把手教你寫乙個搶講座的指令碼

利用js指令碼來幫你搶到乙個表單提交型別的各種活動，這裡以講座為例 註冊乙個麥克表單 建立乙個自己的表單 首先自己提交乙個表單，同時開啟f12中的network,看一看自己提交的東西包含了什麼。比如這裡我們發現了d這個物件 之後我們嘗試著按照它這種格式，自己提交一下，看看能不能成功。這裡我選用了re...

手把手教你打造乙個 Nexus 的私有npm伺服器

docker pull sonatype nexus3 拉取映象 mkdir p data nexus data 建立目錄 chmod 777 r data nexus data 建立目錄 docker run d p 8081 8081 name nexus v data nexus data n...