前端自學筆記 - 第二篇(vuePress自動部署 & 后臺項目自學)

zzzmh 發布于2019-08-26 10:43 / 3621人閱讀

摘要：今天部署好了項目，現在寫好了博客頁面，只要一提交，會自動打包并且部署如果部署失敗，還會發送郵件提醒。但今天為了自動化部署項目，掛了三四十次了，真是慘不忍睹。。。而這第二個項目，將會是第一個的深入。

長期更新前端自學筆記，歡迎關注

前端自學筆記 - 第一篇(nginx/flutter/后臺系統/vuepress博客）

一、jenkins自動部署vuePress博客項目 自動化部署項目demo鏈接

http://blog.flutterweb.cn

jenkins自動部署的好處

本地代碼推動到git倉庫后，jenkins能完成后續部署事項，減輕工作量，比如，項目自動打包，自動項目部署到靜態服務器，部署情況郵件通知。

tip:

今天部署好了vuepress項目，現在寫好了博客頁面，只要vscode一提交，jenkins會自動打包并且部署；如果部署失敗，還會發送郵件提醒。爽的不行！

教程推薦

Jenkins打造強大的前端自動化工作流:

https://juejin.im/post/5ad198...

jenkins配置郵件通知(上篇教程雖然有，建議用這個):

https://www.cnblogs.com/imyal...

部署過程中的坑

vuepress 配置要注意，對于腳本的理解很重要，不然坑很大。
vuepress的dist目錄比一般的項目要多兩級，因而配置稍稍不一樣。
貼圖感受下：

    send build artificial over SSH， 參數說明：
    
    Name:選擇一個你配好的ssh服務器
    
    Source files ：寫你要傳輸的文件路徑
    1. 特別注意，起始目錄是根目錄 "/"
    2. 如果mobx項目下面，打包后目錄是build，則
    
        a. source files: build/build.tar.gz
    
        b. Remove prefix: build/
    3. 如果mobx項目下面，打包后目錄是build/docs/dist，則
    
        a. source files: build/docs/dist/build.tar.gz
    
        b. Remove prefix: build/docs/dist/

另外，購買服務器時，大家還是買阿里云吧，最好配置高點。

我買的是騰訊云服務器，價格便宜。但今天為了自動化部署項目，jenkins掛了三四十次了，真是慘不忍睹。。。

二、后臺管理系統學習進度 兩周左右學完了簡單的后臺項目

項目地址：

Vue + Element UI 實現權限管理系統前端篇：https://www.cnblogs.com/xifen...

收獲：

了解了登陸流程，語言國際化，自定義皮膚

動態加載菜單、權限管理是重點也是難點

mock使用了自己服務器搭建的yapi ,還算是穩定

剛好最近公司在上一個后臺項目，自己也有參與。這套教程不但幫助自己快速入手項目，而且偶爾能幫同事答疑。

對于element ui各個模塊用法及參數理解更透徹，過程中不斷才坑，不斷積累經驗

最難的后臺項目學習計劃：下兩周慢慢搞定

項目地址：

手摸手，帶你用vue后臺：
https://juejin.im/post/59097c...

第一個項目教程非常詳細，簡單快速的對于后臺項目框架有了整體的思維。

而這第二個項目，將會是第一個的深入。當然如果能夠搞定，收獲也將會很大。

GPU云服務器云服務器自學web前端 web前端自學自學java到做項目第二篇

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106663.html

自學大數據前，零基礎，三個月，找到一份測試工作

摘要：我之前提到過自己在自學大數據前在朋友的幫助下，利用三個月的時間，找到了一份測試的工作，今天我就好好講講，在這三個月自己都做了那些事情。接下來后面的路就比較順暢了，遇到問題就先百度，把問題解決后，再去總結，查書和在網上查資料。 ...

Mertens 2021-09-28 09:35 評論0 收藏0
全棧開發自學路線

摘要：前言這里筑夢師是一名正在努力學習的開發工程師目前致力于全棧方向的學習希望可以和大家一起交流技術共同進步用簡書記錄下自己的學習歷程個人學習方法分享本文目錄更新說明目錄學習方法學習態度全棧開發學習路線很長知識拓展很長在這里收取很多人的建議以后決前言這里筑夢師,是一名正在努力學習的iOS開發工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同進步,用簡書記錄下自己的學習歷程...

galaxy_robot 2019-06-28 18:47 評論0 收藏0
全棧開發自學路線

摘要：前言這里筑夢師是一名正在努力學習的開發工程師目前致力于全棧方向的學習希望可以和大家一起交流技術共同進步用簡書記錄下自己的學習歷程個人學習方法分享本文目錄更新說明目錄學習方法學習態度全棧開發學習路線很長知識拓展很長在這里收取很多人的建議以后決前言這里筑夢師,是一名正在努力學習的iOS開發工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同進步,用簡書記錄下自己的學習歷程...

Scorpion 2019-08-22 16:34 評論0 收藏0