angular學習之從零搭建一個angular4.0項目-創新互聯

話說現在angular更新迭代太快了，從前幾年用angular版本去搭建項目時還是1.x版本，到現在都已經是angular4.0了（直接跳過了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，誰讓我那么熱愛學習了（咳咳！此處有一個推眼鏡的動作），廢話不多說，直接上手，首先用到的工具會有angular4.0、angular-cli、npm(v3.10.8)、node(v6.2.0)

成都創新互聯是一家專業提供安新企業網站建設,專注與網站設計制作、成都做網站、H5場景定制、小程序制作等業務。10年已為安新眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。

上述node和npm包管理器版本是我本機的版本號，這個版本不要太低應該都沒問題

angular腳手架各版本

node和npm版本

接著，新建一個文件夾，隨便命名，我這里就起了一個angular4.0-demo，然后就可以愉快的安裝所需要的工具了。

第一步

安裝全局的angular-cli，npm install -g @angular/cli

第二步

查看各插件是否已經安裝，ng -v會出來一堆東西，如第一個圖所示！

第三步

生成項目 代碼為：ng new 項目名稱

第四步

現在已經創建完成了，cd進入項目，會看到一些這樣的東西，說明已經創建完成了，接下來就是執行項目就可以了，跟vue2.0一樣，此時執行用到的代碼為：ng serve --open（和vue的npm run dev效果是一樣，自動監聽修改內容），這一點也是不同于angularjs（官方稱1.x為angularjs，過了2.0就直接稱為angular）

最后執行完之后就會彈出來一個頁面，就是要生成的頁面了

生成的頁面

好了，那么基本的搭建已經完成了，去試試吧！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯建站。

另外有需要云服務器可以了解下創新互聯建站m.kartarina.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、建站服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：angular學習之從零搭建一個angular4.0項目-創新互聯
文章源于：http://m.kartarina.com/article34/ccgjpe.html

成都網站建設公司_創新互聯，為您提供做網站、虛擬主機、網頁設計公司、手機網站建設、網站制作、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯