VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
  • JavaScript教程之angular入門一之環境安裝及項目創建

  • 2019-04-28 21:32 來源:未知

angular入門一之環境安裝及項目創建


1.安裝node.js

  • 下載,安裝,在終端測試安裝是否成功:node -v(查看nodejs版本) npm -v(查看npm版本)
  • 下載地址:https://nodejs.org/en/download

2.安裝angular cli

  • 安裝typescript(新建項目的時候會自動安裝,此時也可以不進行安裝):
    npm install -g typescript
  • 安裝angular cli :
    npm install -g @angular/cli
  • 驗證:
    ng version 出現版本信息即安裝成功。
  • 注意:由于安裝需要訪問外網,速度可能慢導致失敗,可以從淘寶鏡像來進行安裝
    npm config set registry https://registry.npm.taobao.org 
    再安裝cnpm代替npm命令:npm install -g cnpm
    再安裝angular cli:cnpm install -g @angular/cli

3.創建新項目:

  • 在終端中,進入想要創建項目的地址執行 :ng new 項目名稱
  • 執行完該命令后會下載相應的npm包,耐心等待
  • 注意:執行ng new first-app后會有一段提示說【'git' 不是內部或外部命令,也不是可
    運行的程序或批處理文件?!?,這個和本地沒有安裝git有關,但是不會影響項目。

4.運行項目:

  • 在終端中進入項目所在文件夾:cd first-app;
  • 然后執行ng serve,服務啟動了,訪問//http:localhost:4200,能訪問到即項目搭建成功。
    ctrl+c命令退出指定狀態,可以關閉服務(很多命令和linux下的較為相似)

5.至此,一個angular項目就可以跑起來了。


6.參照angualr官網中文版 寫的例子在:點擊這里查看, 案例和官網的稍有出入,數據來源是用Java語言springboot框架編寫的。

相關教程