安裝Angular CLI

要安裝Angular CLI,首先需要確保你已經(jīng)安裝了Node.js和npm。如果你還沒有安裝Node.js,可以在官網(wǎng)下載安裝:https://nodejs.org。

安裝Node.js之后,就可以通過npm來安裝Angular CLI了。打開命令行工具(Windows下可以使用cmd或PowerShell,Mac下可以使用Terminal),輸入以下命令來安裝Angular CLI:

npm install -g @angular/cli

這條命令會(huì)在全局環(huán)境下安裝Angular CLI,安裝過程可能會(huì)花費(fèi)一些時(shí)間,請(qǐng)耐心等待。

安裝完成后,可以通過以下命令來驗(yàn)證安裝是否成功:

ng --version

如果輸出了Angular CLI的版本信息,則表示安裝成功。

接下來,你可以創(chuàng)建一個(gè)新的Angular項(xiàng)目。進(jìn)入你想要?jiǎng)?chuàng)建項(xiàng)目的文件夾,然后執(zhí)行以下命令:

ng new my-angular-app

這條命令會(huì)創(chuàng)建一個(gè)名為"my-angular-app"的新Angular項(xiàng)目。在項(xiàng)目創(chuàng)建過程中,Angular CLI會(huì)向你詢問一些選項(xiàng),比如是否使用SCSS作為樣式表語言等。

創(chuàng)建完成后,進(jìn)入項(xiàng)目目錄,運(yùn)行以下命令啟動(dòng)開發(fā)服務(wù)器:

cd my-angular-app
ng serve

開發(fā)服務(wù)器啟動(dòng)成功后,可以在瀏覽器中訪問http://localhost:4200來查看你的Angular應(yīng)用。

至此,你已經(jīng)成功安裝并配置了Angular CLI,并創(chuàng)建了一個(gè)新的Angular項(xiàng)目。接下來就可以開始開發(fā)你的Angular應(yīng)用了!