您好,登錄后才能下訂單哦!
小編給大家分享一下Angular CLI如何安裝使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
安裝Angular CLI
1. 需要安裝 nodejs 以及 npm
Node官網(wǎng)的地址:https://nodejs.org/en (詳細(xì)的安裝方法大家可以參考這篇文章:https://www.jb51.net/article/90518.htm)
2. 全局安裝 typescript,angular 推薦使用 typescript編寫(xiě)(.ts 文件)。
Typescript 官網(wǎng)地址:http://www.typescriptlang.org/index.html
使用命令: npm install -g typescript
3. 安裝 angular-cli
Angular-cli 官網(wǎng)地址:https://cli.angular.io/
使用命令: npm install -g @angular/cli
圖示
注:因?yàn)榘惭b angular-cli 的時(shí)間有點(diǎn)早了,不過(guò)大家安裝的時(shí)候不是我這個(gè)版本沒(méi)有關(guān)系的。
新建Angular項(xiàng)目
使用命令 new
// ngStudy 是工程名稱可以隨意修改的 ng new ngStudy
項(xiàng)目圖示
注:需要等待漫長(zhǎng)的時(shí)間,因?yàn)檫@個(gè)需要下載 node_modules,有 140多MB
生成的項(xiàng)目結(jié)構(gòu):
運(yùn)行Angular項(xiàng)目
使用命令 serve
//需要進(jìn)入工程的目錄中 ng serve
運(yùn)行圖示
界面訪問(wèn)
寫(xiě)在最后
1.安裝過(guò)程因?yàn)楹枚嘁蕾嚢际菄?guó)外的,所以有可能下載不下來(lái)
1.1 可以嘗試修改 npm 的鏡像,改為淘寶的
1.2 通過(guò) "藍(lán)燈" 代理去下載
2.關(guān)于項(xiàng)目的目錄結(jié)構(gòu)可以去參考官方中文網(wǎng)的說(shuō)明:https://angular.cn/guide/quickstart
3.命令行的使用地址:https://github.com/angular/angular-cli/wiki 貼上官方提供的常用命令的圖
4.介紹下更新 angular-cli 的版本方法
可以直接使用 npm install -g @angular/cli
進(jìn)行更新
以上是“Angular CLI如何安裝使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。