前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...
今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...
昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...
三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...
學習 Angular 的過程中,遇到了一些教學資源不見得會遇到的問題,還真是家常便飯,而且你個人電腦沒遇到,但公司派發給你的筆電偏偏就遇到了,所以就來記錄一下吧...
由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...
把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...
讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...
快速產生 Angular 元件 要在 Angular 專案中快速產生元件,首先要先打開 VS Code 的終端機面板,並輸入以下指令: ng generate...
前一篇我們提到了一部分的啟動流程,今天我們會探討剩下的啟動流程資訊。 首先,我們要先知道 JavaScript 是從哪一個程式開始跑,而 Angular 應用程...
啟動 Angular 開發伺服器 我們先打開 VS Code 的終端機面版,輸入 npm start,而 npm start 就會執行 ng serve 這個指...
Angular 應用程式的組成 一個完整的 Angular 應用程式會至少包含一個模組(module),正如我們創建一個 Angular 專案時,裡頭會包含的...
Angular 官方建議使用兩種語言來開發,一是 Dart(也是一種由 Google 開發的語言),不過 Dart 相對比較少人用,而另一個語言就是我們今天要介...
上一篇看完了 AngularJS 與 Angular 的差異後,我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發: Progressi...
Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...
今天,我們要來看看在使用 Angular CLI 後,專案的架構會長什麼樣? angular.json:是 Angular CLI 的設定檔,包含許多參數,...
從出生的那一刻起,我們就一直不斷向前,只能前進,直到終點。 2013.1.03 成為空服員的第一天 2020.8.17 成為軟體工程師的第一天 很多人...
接下來,我們就要來建立第一個專案範本。 首先,我們可以在桌面上先建一個資料夾,命名叫 Angular,記住不要使用中文字命名,以免發生錯誤。 接著打開...
準備要建立一個 Angular 的開發環境了,那我到底需要哪些家私呢?以下就來介紹一下: 1. 一台電腦(被揍飛 建議安裝的工具 以下是建議安裝的工具,當然如果...
前因 本身是個有十年以上平面設計經驗的轉職者,因為接觸 Side Project,而開始從切版接案接觸到前端領域,然後開始從六角學院自學前端相關的知識及技能,所...