Angular2入門學習

最近專案使用angular2,1和2版本變化大變樣。下面總結一些學習**及安裝步驟。

中文官網(必看)：

懶人學習：

支援bootstrap ui元件

安裝環境，首先需要安裝cli，記得全域性安裝

#angular cli安裝

npm install -g angular-cli

cli安裝後，我們可以用ng開頭的指令（就當做npm理解就行），下面建立專案

#cmd到專案目錄下，建立專案 

ng new
project_name
#進入專案目錄
cd project_name
#安裝相關專案包，具體包package.json裡的dependencies和devdependencies有體現
#下面步驟用npm install也可以
ng init

包安裝好後，可以啟動我們的專案,執行後，我們可以在http://localhost:4200中開啟

#啟動專案

#下面步驟用npm start也可以
ng serve

想同事開啟多個專案，可修改專案埠號

#修改預設埠4200 -> 修改為（3000） 

ng serve --port 3000 
或 ng serve -p 3000

還有乙個方法修改專案埠但不推薦

專案目錄\node_modules\angular-cli\lib\config\schema.json

#serve中 "default": 4200 改為 "default": 3000

最後的打包發布

ng build

Angular2學習 安裝

在安裝angular2的時候需要使用npm，npm是nodejs的包管理器，因此首先我們需要檢查node安裝與否 1 檢查nodejs和npm 1 node v 輸出 v10.2.0 版本號 代表已安裝，否則未安裝，未安裝則安裝node 2 npm v 輸出版本號代表已安裝，否則未安裝 2 安裝no...

angular2 學習路程

ps 剛剛搭建angular2 框架 記錄下學習路徑 和 遇到的問題 步驟 1.準備環境 node npm 包管理工具 node v 檢查是否成功 2.安裝全域性 angular cli 執行 npm install g angular cli g 全域性 開啟ng服務 5.瀏覽器開啟 localh...

angular2 發布angular2模組，服務

上回說到了如何利用npm包管理器發布自己的包，這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構，一般都需要下列檔案 html檔案，css檔案，component檔案，module檔案。component檔案內容 import區域 impor...