0 前言
Angular CLI是Angular命令行接口工具颗祝,它可以創(chuàng)建項目(Application)黍匾、組件(Component)和服務(wù)(Service)等,同時可以方便地完成應(yīng)用啟動拖陆,調(diào)試和打包發(fā)布等開發(fā)功能抹恳。
本教程指導(dǎo)讀者完成Window下Angular 2 CLI環(huán)境安裝,并利用CLI工具開發(fā)一個Angular 2入門應(yīng)用橙困。好瞧掺,讓我們開始吧!
1 開發(fā)環(huán)境建立
? 在控制面板-刪除程序中試著查找Node.js, 如發(fā)現(xiàn)刪除之凡傅。
? 刪除C:\Users\username\AppData\Roaming\npm目錄下全部內(nèi)容辟狈。
? 到 https://nodejs.org/en/download/current/ 查找 Nodejs 最新版本下載并安裝。
? ?打開命令行窗口夏跷,使用下列命令(-g 參數(shù)是全局安裝)安裝angular-cli?
>npm install -g angular-cli
2 使用Angular CLI創(chuàng)建Angular 2 Web應(yīng)用
? 首先哼转,創(chuàng)建你的應(yīng)用目錄,如:c:\test槽华,并按住shift鍵壹蔓,用鼠標(biāo)右鍵點擊該目錄打開菜單,選擇Open command windowhere硼莽,打開命令行窗口庶溶。
? 使用下列命令創(chuàng)建應(yīng)用:?
>ng new myapp
? 這樣應(yīng)用就建好了,我們進入應(yīng)用myapp目錄的命令行窗口懂鸵,并運行:?
>cd myapp
>ng new myapp
? 執(zhí)行應(yīng)用打開瀏覽器偏螺,在地址欄輸入http://localhost:4200/?回車,可以看到應(yīng)用界面
?3 Angular 2應(yīng)用的編輯工具
Angular應(yīng)用的所有程序代碼和資源都放在應(yīng)用文件夾里匆光,Visual Studio Code是編輯調(diào)試的理想集成環(huán)境套像,它是輕量級、免費開發(fā)集成環(huán)境终息。https://code.visualstudio.com/download
4 結(jié)束語
AngularJS是一個由Google支持的開源JavaScript框架夺巩,用它來開發(fā)、運行Web Application迅速方便周崭,越用越好用柳譬。這是我簡書上的第一篇原創(chuàng)文章,希望對初學(xué)者有所幫助续镇,今后我將發(fā)布更多的技術(shù)文章美澳。