Mac上搭建你的第乙個Angular Web應用

2021-08-14 08:32:59 字數 665 閱讀 9273

1.首先你需要安裝乙個node.js,安裝的方式有很多,請參考node.js官網(

2.安裝完node.js,接著安裝typescript,請執行下列npm命令:

npm install -g typescript

3.然後安裝angular-cli,angular提供了乙個命令列工具angular-cli,它能讓使用者通過命令列建立和管理專案,比如建立專案,新增新的控制器等。想要安裝angular-cli,只要執行下列命令:

npm install -g @angular/cli

安裝成功後,你就可以使用ng命令了,如果使用ng在輸出行看到如下:

could not start watchman:。。。。。

那你還需要安裝乙個叫watchman的工具,它是幫助angular-cli監聽檔案系統的變化,建議使用homebrew工具安裝它,命令如下:

brew install watchman

以上一切順利,那麼我們開始建立第乙個angular應用。

1. ng new angular01 即可幫助我們建立出乙個名稱為angular01的工程

2. cd angular01 進入到工程

4. ng serve / npm start 執行應用

5. 執行成後,將http://localhost:4200 在瀏覽器開啟即可

搭建第乙個Vue專案

如果沒有什麼問題的話,nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd,輸入命令 npm v 我的結果如下,表示安裝成功,npm已新增至系統環境變數 npm畢竟是國外的,抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...

EMguCV搭建第乙個程式

這篇部落格旨在教學emgucv3.0的安裝與配置。環境 vs2013 emgucv3.0 emgu cv簡介 emgu cv 是.net平台下對opencv影象處理庫的封裝。也就是opencv的.net版。它執行在.net相容的程式語言下呼叫opencv的函式,如c vb vc 等。同時這個封裝庫可...

建立你的第乙個Gem

by pilipala published 2011 11 15 你在ruby世界看到到處都是gem。他們幾乎是所有的ruby應用程式的核心。我承認當我試著建立第乙個gem的時候,我有點戰戰兢兢。但我很快就發現了,這玩意簡單得要死。在這個部落格系列中,我將涵蓋從頭開始建立乙個gem的基礎,然後轉移到...