建站
咨詢
售后
建站咨詢
新聞中心
在這篇文章中，我將向您展示如何在ubuntu 18.04上安裝Angular。 Angular是一個用于制作令人敬畏的網(wǎng)站的前端Web開發(fā)框架。
專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)大名免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
這篇文章是一系列Angular文章中的第一篇，旨在幫助您開始在Angular 7中創(chuàng)建網(wǎng)站。
我們將首先學(xué)習(xí)如何在Ubuntu 18.04上安裝Angular 7。
接下來，我們將使用Angular CLI創(chuàng)建一個基本應(yīng)用程序。
Angular應(yīng)用程序基于Typescript。 Typescript基于Javascript，但有許多改進。
首先，它是強類型的。 這有助于減輕運行時錯誤，您認(rèn)為變量是一種類型但實際上是另一種類型。
其次，Typescript使用類和對象使代碼更具可讀性。
Typescript轉(zhuǎn)換為普通的Javascript，因此您的應(yīng)用程序可以在任何瀏覽器中運行。
如果您想在他們的網(wǎng)站上了解有關(guān)Typescript的更多信息，請在5分鐘內(nèi)了解Typescript。
安裝NodeJs和NPM
要在Ubuntu 18.04上安裝Angular，我們首先需要安裝NodeJ和Node Package Manager（NPM）。
本文假設(shè)您使用root權(quán)限登錄。
NPM用于安裝Angular。
首先，它有助于確保您已更新。
接下來我們可以安裝NodeJ。
然后安裝NPM。
查看版本：
我們現(xiàn)在需要使用NPM將自己更新到最新版本。
現(xiàn)在檢查版本。
現(xiàn)在我們可以安裝Angular了。
安裝Angular 7
我們現(xiàn)在將使用NPM安裝Angular CLI。
安裝完成后，檢查它是否安裝正確。
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 7.3.8
Node: 11.10.0
OS: linux x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.13.8
@angular-devkit/core 7.3.8
@angular-devkit/schematics 7.3.8
@schematics/angular 7.3.8
@schematics/update 0.13.8
rxjs 6.3.3
typescript 3.2.4
Angular CLI使用git來下載所需的模塊，因此我們需要確保配置了git。
如果尚未配置git用戶名和電子郵件，請運行以下命令來執(zhí)行此操作。
我們現(xiàn)在可以創(chuàng)建您的第一個Angularjs應(yīng)用程序
創(chuàng)建一個新的Angular應(yīng)用程序
現(xiàn)在我們安裝了Angular，我們可以為新應(yīng)用程序創(chuàng)建一個基本的腳手架。
我們將使用新安裝的Angular CLI來完成此任務(wù)。
從現(xiàn)在開始，您應(yīng)該以普通用戶身份登錄。
該命令會問你幾個問題。
第一個問題詢問您是否要使用Angular路由。
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? (Use arrow keys)
CSS
SCSS [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax ]
Sass [ http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html ]
Less [ http://lesscss.org ]
Stylus [ http://stylus-lang.com ]
我們將選擇CSS（默認(rèn)值），所以只需按Enter鍵即可。
安裝過程將開始下拉所需的Angular模塊，并為我們的新應(yīng)用程序創(chuàng)建目錄結(jié)構(gòu)
運行我們的申請
首先更改為我們的應(yīng)用程序的新創(chuàng)建的目錄。
我們可以使用NPM命令輕松運行我們的應(yīng)用程序。
npm start
這將構(gòu)建我們的應(yīng)用程序并啟動開發(fā)http服務(wù)器并為我們的應(yīng)用程序服務(wù)。
您將在輸出中看到一個鏈接，告訴您如何查看您的應(yīng)用程序。
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
打開瀏覽器并轉(zhuǎn)到此位置。
您將看到您的新應(yīng)用程序。如下圖所示：
這只創(chuàng)建了一個非?；镜腁ngular應(yīng)用程序框架。
在本系列的下幾篇文章中，我們將了解它所創(chuàng)造的內(nèi)容。
總結(jié)
我希望你喜歡這篇文章。并在下面留下評論并分享到微信朋友圈，微博等社交媒體。
謝謝閱讀。
本文名稱：在Ubuntu18.04上安裝Angular圖文詳解
鏈接URL：http://m.fisionsoft.com.cn/article/cocccce.html
