(Angular系列)如何建立GitLab與開始第一個Angular專案

身為一位程式設計師,一定不能不會git,git是很方便的一個專案多工共筆的一個軟體,可藉由不斷的branch(分枝)專案來多工處理,最後透過merge(合併)回來master(主幹)來達成共筆的目的。

什麼是GitLab?

GitLab是基於git的一套程式設計師(簡稱Programmer, PG)必備技能的軟體,是一種『分散式』的版控工具,當專案執行時,PG會執行Issue request給管理者,取得權限後可以從Masterbranch出獨立的專案進行編譯,當編譯了一小段落,可以先執行add命令,除存在本機暫存區,接下來可以編輯這次add項目的備註 > commit上去本機空機 > 執行push到gitlab上 > 最後再發一道merge request給管理者,即可完成close掉一套完整的issue

安裝Visual Studio Code編譯器

VS code是一款微軟提供的免費編譯器,可以輕鬆的下載相關外掛包而達到開發的目的。以Angular專案為例,建議可以下載擴充”Angular Extension Pack“,會自動地安裝所有需要的套件。

開始第一隻Angular專案

開啟VS code > 新增終端機 > 開始輸入指令…

安裝node.js

sudo apt-get install nodejs

安裝nbm

sudo npm install -g npm@latest

安裝Angular /Cli

sudo npm install -g @angular/cli

建立Angular專案

ng new myangular

進入專案資料夾

cd myangular

開啟Angular第一個畫面

ng serve --open

angularview

如果看到這個畫面就是成功囉!

可能遇到的問題

如果發現以上的動作沒辦法執行成功,或在執行過程中會出現error等錯誤提示訊息,可以…

  1. 檢查資料夾命名是否兩層取相同名稱,容易造成not found等相關問題。
  2. 嘗試用sudo提高權限去執行。