- 查看是否安裝git
git --version
沒有安裝參考 linux Git 安裝
- 查看是否安裝node+npm
node -v
npm -v
沒有安裝參考 linux Node 安裝
- 創(chuàng)建存放項目目錄
mrdir developer
cd developer
mrdir git-repository
cd git-repository
- 克隆項目
git clone https://github.com/xx/test.git
- 安裝項目所需依賴
cd test
npm install
ok,這樣我們項目初始化工作完成了瓢捉。 下面編寫自動化打包部署腳本
echo "====進入git項目vue-webpack===="
cd /developer/git-repository/vue-webpack
echo "====git切換分支到nnmal===="
git checkout nnmal
echo "====查看分支===="
git branch
git fetch
git pull
echo "====刪除原來的dist===="
rm -rf dist
echo "====執(zhí)行打包===="
npm run build
echo "================打包等待 10s========================="
for i in {1..10}
do
echo $i"s"
sleep 1s
done
echo "======進入nginx部署目錄======"
cd /usr/local/nginx/html/xkweb
echo "====刪除原來的dist1"
rm -rf dist1
echo "====備份nginx下的前端資源"
mv dist dist1
echo "把git下打包的copy到Nginx目錄下"
cp /developer/git-repository/vue-webpack/dist /usr/local/nginx/html/xkweb
腳本命名為 npmBuild.sh
- 上傳腳本 到 /developer/git-repository/
- 執(zhí)行腳本
./npmBuild.sh
發(fā)現(xiàn)報錯
No such file or directory
在window平臺下泡态,寫好shell腳本文件迂卢,遷移到linux平臺,賦過可執(zhí)行權(quán)限而克,執(zhí)行該sh文件,
卻提示No such file or directory腾降。ls 了下碎绎,確實有該文件,解決如下
- 編輯腳本
vim npmBuild.sh
- 輸入
:set ff
回車,顯示fileformat=dos奸晴,重新設(shè)置下文件格式日麸,輸入:
:set ff=unix
保存退出 再次執(zhí)行腳本 發(fā)現(xiàn)OK
- 完整環(huán)境搭建及項目部署