天天看點

【Angular 2+基礎】一、從零開始開發第一個Angular應用

 17年勞動節由于工作調動,有機會接觸了Angular,并将其運用在公司的項目之中,今天開始決定把一些學習片段記錄、積累下來。 

一、安裝環境的搭建: 

 為了編寫第一個Angular應用,需要安裝一個軟體: Node.js,Node.js的安裝很簡單,去其中文官網根據自己機子的系統的不同下載下傳對應的最新版本,Windows 系統可以選擇安裝msi格式,一路next就可以安裝完成。

 在指令行中輸入node -v ,如果出現版本資訊說明安裝成功。

二、安裝Angular CLI:

 在一的前提下,繼續在指令行中輸入npm install -g @angular/cli,稍等片刻就可安裝完成。類似一,輸入ng -v ,出現了版本資訊說明安裝成功。

三、建立新工程:

 有了CLI,我們很容易建立一個新的Angular工程,在指令行中輸入 ng new my-project ,CLI自動建立了新工程。

四、安裝依賴:

 進入my-project,指令行中輸入npm install , npm幫我們自動安裝依賴,幾分鐘即可。

五、開啟新工程:

 依賴安裝成功後,指令行中輸入npm start ,不久就可以在浏覽器中看到我們的第一個Angular應用了!

結尾:

 這是十分簡單的講解,希望有時間補充圖檔、豐富細節。

 很晚了,睡覺去了。希望各位觀衆能夠喜歡,晚安。

繼續閱讀