溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
第一步：安裝Node.js,npm(安裝Node.js的時候自動就安裝了npm)
第二部：安裝npm，由于npm官網(wǎng)鏡像訪問太慢，我們使用淘寶的npm鏡像，在node命令窗口（windows的cmd、linux的終端）$ npm install -g cnpm --registry=https://registry.npm.taobao.org
第三部：設(shè)置淘寶鏡像，臨時切換npm源為taobao源（速度快一點）：npm config set registry https://registry.npm.taobao.org
第四部:安裝"@angular/cli腳手架，$npm install --save-dev @angular/cli@latest
如果之前安裝失敗一定要卸載干凈1：npm uninstall -g @angular/cli，2：npm cache clean
第五：測試，輸入 ng -v，有版本信息說明安裝成功
第六：建立Angular2的項目，新建一個文件夾（young），然后命令行進(jìn)入這個文件夾輸入ng new 項目名（ngtest）
這個過程可能會等一會兒（有可能很長時間，但是一定要有耐心），一直到出現(xiàn)下圖最后一行的提示，說明整個項目的框架搭建完成
我們用webstrom打開項目，就可以看到框架包含很多內(nèi)容，這樣也是使用AngularJS cli的好處，一句代碼，整個項目所有的環(huán)境，都幫你建立好了
第七：啟動項目，進(jìn)入剛才新建的angular2的項目目錄（ngtest），出現(xiàn)如圖箭頭所示表示成功
第八：不要關(guān)閉命令窗口，打開網(wǎng)頁，輸入：http://localhost:4200/，出現(xiàn)如圖所示，終于大功告成啦
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
