溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下怎么搭建Angular2環境，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
01、安裝Node.js 和 npm
安裝完成后，在命令行依次使用node -v 和 npm -v可以看到版本號。
目前安裝的node.js版本為8.2.1 ，npm的版本為5.3.0
02、安裝cnpm
npm需要連接谷歌服務器，國內不能正常使用，因此使用淘寶的鏡像安裝cnpm。命令行輸入npm i -g cnpm --registry=https://registry.npm.taobao.org
03、安裝Angular CLI
命令行輸入cnpm i -g @angular/cli。
04、cnpm設置為默認包管理工具
命令行輸入ng set --global packageManager=cnpm。
05、新建angular2工程
命令行輸入ng new myApp，在命令行所在目錄創建myApp工程。
06、啟動工程
命令行進入工程目錄cd myApp，輸入ng serve 即可啟動服務。
默認的監聽端口為4200，在瀏覽器訪問http://localhost:4200，可看到創建的網頁，
如果需要更改端口號，可以在啟動的時候設置ng serve --port 3000 這時候訪問的時候就用瀏覽器訪問http://localhost:3000
注意：如果想結束工程服務，可以使用ctrl+c 來選擇是否結束。
使用ng serve 啟動的好處是，當代碼發生變化時，系統自動重新編譯啟動，并刷新瀏覽器，這樣我們就可以實時的看到更改內容。
07、angular2的代碼編輯官方推薦的是VS Code,自己可以去官網下載，下載后正常安裝就好了。。
打開VS Code，菜單->文件->打開文件夾->選中myApp文件夾，即可打開編輯myApp工程。
08、在VS Code界面找到index.html可以隨意修改一個標簽內容，這個時候系統會自動編譯刷新，界面會實時顯示。
以上是“怎么搭建Angular2環境”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
