[技術分享]搭建AngularJs 6 .0並建立新專案
AngularJs6.0 版本需要node.js的支援,下載AngularJs-cli需要npm,所以搭建Angular6.0需要安裝這些。
1.如果Mac的話 可以安裝brew 然後直接安裝node環境
brew install node
如果沒有安裝brew或者是windows系統 就直接從網站下載
https://nodejs.org/en/#download

image
安裝後檢查是否成功安裝
node -v v10.15.3
2.安裝Angular cli
==Angular CLI 是一個命令列介面工具,可用於初始化、開發、構建和維護 Angular 應用。 你可以在命令列視窗中直接使用此工具,也可以通過 Angular Console 這樣的互動式介面來間接使用。==
npm安裝模組速度會很慢 所以可以用淘寶的映象
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g @angular/cli cnpm install -g @angular/cli
安裝後檢查是否成功安裝
ng version

image
3.建立專案
ng new projectName // 建立專案

image
cdprojectName // 進入專案的目錄 ng serve --open // 啟動專案(注:啟動會在瀏覽器內啟動 或者會報埠4200被佔用,可以直接在瀏覽器中開啟url:http://127.0.0.1:4200/)
4.搭建專案並初始化完成

image