環境準備
1.win10 家庭版的操作系統
2.eclipse作爲編輯器
3.npm安裝
4.yarn安裝
5.一個已經搭建好了的單體架構應用
Tips:搭建方式可以見Jhistper腳手架入門---構建一個單體架構的應用
修改指南
指南一：
1.對前端頁面進行相應的修改
2.鍵入
npm run webpack:build
3.如果build成功的話，就可以了
指南二：
1.鍵入
yarn start
2.打開瀏覽器，localhost:9090
可以發現前端頁面
3.對前端頁面進行相應的修改
此時的修改將會同步完成構建
修改實踐
1.替換圖標
Tips:原本給出的圖標大小爲32*32大小的，可以準備一個類似大小的圖標，ico格式可以交由easyicon進行轉換
對這個文件進行替換即可替換標籤頁中的圖標，如果想要修改文件名，可以到css中進一步進行指定~
2.去掉development
如果想要去掉development的暗紅色模塊的話，可以直接去掉這個文件中的<jhi-page-ribbon></jhi-page-ribbon>標籤
先註釋一下：
事實上，page-ribbon相關的文件還沒有刪除此時。
3.嘗試修改首頁的文字部分內容，打開如下的html文件
進行如下修改：
這裏因爲我設置了支持雙語，根據 Angular對雙語支持的原理，需要到相應的文件中進行雙語設定，否則，你會發現，修改的文字內容沒有變化的哦，首先打開如下的json文件，修改其中的value定義以完成中文定義。
而後，打開如下json文件，修改其中的value定義以完成英文支持。
4.對footer進行修改
打開footer.component.html文件，進行修改，樣式可以在global,css中寫，也可以新建一個，也可以直接寫進去，向下面所寫的那樣，當然，推薦公共的寫在global.css中、單獨的新建一個css文件來寫樣式。
同樣地，需要進行雙語支持。
而後，鍵入：npm run webpack:build
構建成功後，運行項目，可以發現：
參考資料
1.官方吃雞指南