01、安裝Node.js 和 npm 安裝完成後,在命令行依次使用node -v 和 npm -v可以看到版本號。 目前安裝的node.js版本為8.2.1 ,npm的版本為5.3.0 02、安裝cnpm npm需要連接谷歌伺服器,國內不能正常使用,因此使用淘寶的鏡像安裝cnpm。命令行輸入npm ...
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可以隨意修改一個標簽內容,這個時候系統會自動編譯刷新,界面會實時顯示。
09、環境搭建就到此為止了,如有任何疑問,請聯繫QQ1006165310。一般晚上9:00後線上。