Angular前端開發環境安裝 - iT 邦幫忙 | angular安裝
大家好,今天第一天,本系列文章主要會以實作後的心得筆記方式呈現先說說為什麼使用Angular的由來,以本公司的角度來著墨開發採用Typescript,寫法類似C#有物件導向的強行別開發語言,有別於Javascript開發方式僅能依循Angular制定的框架所撰寫,團隊開發時比較不會偏離前端元件可採用AngularMaterial,呈現出一致的畫面與風格Angular前端框架就已提供很多的獨立技術,如pipe、serviceworker等前後端分離與團隊分工合作的效益能顯著提高有Google這家公司在背後神支援與推廣詳情也可參考我大神同事的心路歷程https://ithelp.ithome.com...
大家好,今天第一天,本系列文章主要會以實作後的心得筆記方式呈現
先說說為什麼使用Angular的由來,以本公司的角度來著墨
開發採用Typescript,寫法類似C#有物件導向的強行別開發語言,有別於Javascript 開發方式僅能依循Angular制定的框架所撰寫,團隊開發時比較不會偏離 前端元件可採用Angular Material,呈現出一致的畫面與風格 Angular前端框架就已提供很多的獨立技術,如pipe、service worker等 前後端分離與團隊分工合作的效益能顯著提高 有Google這家公司在背後神支援與推廣詳情也可參考我大神同事的心路歷程https://ithelp.ithome.com.tw/articles/10197955[1]
先來講一下Angular與開發環境的安裝與設定
Angular近來持續成長,從最先的Angular.js到Angular2的砍掉重練,框架成熟度越來越高,有門檻但過了就過了,儼然成為業界前端框架新趨勢根據保哥的文章https://blog.miniasp.com/post/2018/09/25/2018.aspx[2]
Angular 本身就是一套完整的前端框架,而 React 與 Vue 只是個函式庫小弟公司目前就導入Angular框架進行新系統的程式開發
Angular官網表示One framework Mobile & desktopcomponent、module、service、pipe.....的組成
Visual Studio Codehttps://code.visualstudio.com/[3]
支援多種程式語言語法 可以提供語法高亮度顯示,以及語法自動完成 各種程式碼管理的快捷鍵(keybindings.json) 程式碼檔案與資料夾的管理 除錯功能(debug) Git庫管理功能(TFS) 外掛擴充功能(Extensions)簡稱VS CODE,小弟過去一開始用過webstorm、Atom,最後還是VS CODE最好用又輕又快又好...