從零開始- Day1-Angular CLI 安裝與基本認識 | vscode angular套件
簡介Angular是Google開發出來一款開源JavaScript框架,用來開發單一頁面應用程式(singlepageapplication,SPA)。目前已經到Angular10版本,預計今年11月還會有11的版本釋出,第一版正名為AngularJS,而第2版後稱為Angular。兩者架構差異很大,簡單來說AngularJS本身有些缺點,後來受到React的刺激後,Angular便被開發出來與之抗衡。Angular採用MVC模式,涵蓋了M、V、C/VM等層面,不需要組合、評估其它技術就能完成大部分前端開發任務。這是因為她已經將各種技術封裝在框架中,隔離了瀏覽器的細節,讓你不用關心她的實現細節。此外所...
簡介Angular 是 Google 開發出來一款開源 JavaScript 框架,用來開發單一頁面應用程式(single page application, SPA)。目前已經到 Angular 10 版本,預計今年 11 月還會有 11 的版本釋出 ,第一版正名為 AngularJS ,而第 2 版後稱為 Angular。兩者架構差異很大,簡單來說 AngularJS 本身有些缺點,後來受到 React 的刺激後,Angular 便被開發出來與之抗衡。
Angular 採用 MVC 模式,涵蓋了 M、V、C/VM 等層面,不需要組合、評估其它技術就能完成大部分前端開發任務。這是因為她已經將各種技術封裝在框架中,隔離了瀏覽器的細節,讓你不用關心她的實現細節。此外所有需要使用的套件、模組 Angular 都已經幫你打包好了,不像是 React 或 Vue 要自己去架構模組。
引用內文[1]
開發環境 win10 64bit npm 6.12.1 node.js v12.13.1 Git 2.23.0.windows.1 vscode 1.48.0 x64 安裝前準備使用 Angular 開發會需要安裝以下軟體:
Node.js Git Visual Studio Code 建立 Angular 專案 新增一個資料夾。 將路徑指向資料夾。cd F:/angular 透過 npm 安裝 Angular CLI,輸入: npm i -g @angular/cli MACOS 後來改版後,目前遇到的狀況是,第一次建立 CLI,新增一個資料夾,然後要將指令改成
sudo npm i -g @angular/clii 就是 install 的意思,-g 是全域 global 的意思。
安裝後會出現以下訊息,輸入 y,就可以完成安裝,目前安裝版本為 10.0.6。
確認是否安裝成功,輸入 ng -v 就會得到下方畫面,就代表安裝成功並告知我有什麼命令可以使用。
開發好用套件大補帖 ...