angular學(xué)習(xí)之從零搭建一個(gè)angular4.0項(xiàng)目
話說現(xiàn)在angular更新迭代太快了，從前幾年用angular版本去搭建項(xiàng)目時(shí)還是1.x版本，到現(xiàn)在都已經(jīng)是angular4.0了（直接跳過了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，誰讓我那么熱愛學(xué)習(xí)了（咳咳！此處有一個(gè)推眼鏡的動作），廢話不多說，直接上手，首先用到的工具會有angular4.0、angular-cli、npm(v3.10.8)、node(v6.2.0)
上述node和npm包管理器版本是我本機(jī)的版本號，這個(gè)版本不要太低應(yīng)該都沒問題
angular腳手架各版本
node和npm版本
接著，新建一個(gè)文件夾，隨便命名，我這里就起了一個(gè)angular4.0-demo，然后就可以愉快的安裝所需要的工具了。
第一步
安裝全局的angular-cli， npm install -g @angular/cli
第二步
查看各插件是否已經(jīng)安裝，ng -v會出來一堆東西，如第一個(gè)圖所示！
第三步
生成項(xiàng)目 代碼為：ng new 項(xiàng)目名稱
第四步
現(xiàn)在已經(jīng)創(chuàng)建完成了，cd進(jìn)入項(xiàng)目，會看到一些這樣的東西，說明已經(jīng)創(chuàng)建完成了，接下來就是執(zhí)行項(xiàng)目就可以了，跟vue2.0一樣，此時(shí)執(zhí)行用到的代碼為：ng serve --open（和vue的npm run dev效果是一樣，自動監(jiān)聽修改內(nèi)容），這一點(diǎn)也是不同于angularjs（官方稱1.x為angularjs，過了2.0就直接稱為angular）
最后執(zhí)行完之后就會彈出來一個(gè)頁面，就是要生成的頁面了
生成的頁面
好了，那么基本的搭建已經(jīng)完成了，去試試吧！
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開發(fā)技巧
這篇文章主要介紹了掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開發(fā)的技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
這篇文章主要介紹了Angularjs 事件指令詳細(xì)整理的相關(guān)資料,這里對AngularJS 的所有的事件指令一一做出詳細(xì)介紹，需要的朋友可以參考下2017-07-07
Angular懶加載模塊與Combined?Injector原理全面解析
這篇文章主要為大家介紹了Angular懶加載模塊與Combined?Injector原理全面解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
AngularJS 應(yīng)用身份認(rèn)證的技巧總結(jié)
這篇文章主要介紹了AngularJS 應(yīng)用身份認(rèn)證的技巧總結(jié)，具有一定的參考價(jià)值，有需要的可以了解一下。2016-11-11
這篇文章主要為大家介紹了angular父子組件通信，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
Angular使用ng-messages與PHP進(jìn)行表單數(shù)據(jù)驗(yàn)證
這篇文章主要介紹了Angular使用ng-messages與PHP進(jìn)行表單數(shù)據(jù)驗(yàn)證，ng-messages提供了更方便的表單數(shù)據(jù)驗(yàn)證服務(wù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了Angular2 環(huán)境配置的相關(guān)資料,需要的朋友可以參考下2016-09-09
本文主要介紹了Angular的結(jié)構(gòu)性指令模塊和樣式，對此感興趣的同學(xué)，可以參考下。2021-05-05
這篇文章主要為大家詳細(xì)介紹了angular分頁指令操作的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了詳細(xì)分析使用AngularJS提交表單的方式,AngularJS是非常熱門的JavaScript庫,文中展示了AngularJS在前端與后端的PHP進(jìn)行交互的場景,需要的朋友可以參考下2015-06-06