AngularJS環境怎么搭建呢,請看下面說明!

2018.04.17 濰坊網站建設

86

AngularJS環境怎么搭建?,請看下面說明!


  這次給大家帶來AngularJS環境搭建步奏詳解,AngularJS環境搭建的注意事項有哪些,下面就是實戰案例,一起來看一下。

  

  AngularJS是一個開源Web應用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年開發?,F在是由谷歌維護

 

  AngularJS特性

 

  AngularJS是一個功能強大的基于JavaScript開發框架用于創建富互聯網應用(RIA)。

 

  AngulajJS為開發者提供的選項(使用JavaScript)在一個干凈的MVC(模型-視圖-控制器)的方式來編寫客戶端應用程序。

 

  AngularJS寫的應用都是跨瀏覽器兼容。AngularJS使用JavaScript代碼自動處理適應每種瀏覽器。

 

  AngularJS是開源的,完全免費的,并且由數千名世界各地的開發者開發維護。它是根據Apache許可證2.0版許可發布。

 

  總體來說,AngularJS是一個用來構建大型應用,高性能的Web應用程序的框架,同時使它們易于維護。



濰坊網站建設,AngularJS環境

 

  一、在這里簡單介紹一下Angular-cli的特性:

 

  Angular-cli可以快速搭建框架,創建module,service,class,directive等;

 

  有webpack的功能,可以實現代碼分隔、按需加載等;

 

  自動配置開發環境、測試環境、生產環境,可以實現代碼的打包壓縮和熱部署,還可以實現模塊測試、端到端測試

 

  Angular-cli可以通過后綴自動識別sass、less的預編譯;

 

  Angular-cli可以在創建的時候進行TypeScript的配置,還可以做一些個性化配置;

 

  通過Angular-cli創建的工程結構是最佳實踐,可以用于生產環境;

 

  二、安裝nodejs

 

  AngularJS需要用到Nodejs,所以我們需要先安裝nodejs,需要用到nodejs,nodejs的下載地址是:https://nodejs.org/en/download/,

 

  三、安裝npm和cnpm

 

  下一步是安裝npm,

 

  NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:

 

  允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

 

  允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。

 

  允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

 

  到這里已經完成了nodejs和npm的安裝,不過在大天朝內用npm安裝的話會有一些問題,所以我們用cnpm安裝,cnpm也是npm的一個包。


濰坊網站建設,AngularJS環境


 

  安裝cnpm,執行命令

 

  執行這個命令之后,等待完成,然后輸入cnpm version查看是否安裝完成,這里我已經安裝過了,所以可以進去了。

 

  安裝完成cnpm之后,我們開始安裝Angular-cli。

 

  執行命令

 

  然后可以執行ng version命令,查看是否安裝完成和angular-cli的版本

 

  安裝完成之后我們就可以使用ng命令,下面開始創建項目。

 

  四、項目創建

 

  安裝完成angular-cli之后就可以直接創建項目了,執行命令

 

  其中JustForTest是項目名稱

 

  執行這個命令是創建很多文件,而且需要等待一下,這個步驟會等很久,需要等到nod_.modules的安裝完成

 

  直接使用ng serve啟動。

 

  這樣就可以直接啟動項目,我們在瀏覽器中輸入:網站域名 可以直接訪問。


濰坊網站建設,AngularJS環境


 

  五、在導入項目

 

  如果是從網上找項目,我們怎么在本地啟動呢?下面我們具體操作一下:

 

  推薦大家去看一下大漠老師的這個教程:Angular2.0視頻教程來了

 

  項目clone下來之后,命令行進入項目所在目錄。

 

  執行命令

 

  這里說明一下,之前我們安裝的是全局的angular-cli。

 

  等待命令執行完成,之后再執行命令

 

  然后執行命令

 

  然后等待編譯完成。

 

  完成之后,我們就可以在瀏覽器中輸入了

 

  轉載請注明:濰坊網站建設:http://www.144610.tw/newsshow/216.html


關鍵詞

最新案例

聯系電話 400-6065-301

留言

(-^O^-)MG魔术兔_官方版 彩金捕鱼鱼币换红包 bbin登录码对应的网址 江苏11选5六码遗漏 10bet娱乐成21点 幸运快三大小单双口诀教程 极速赛车开奖 万人真金棋牌 深圳北京单场网点 3d专家预测分析 泳坛夺金技巧公式 免费棋牌游戏平台163 今天广东36选7开奖号 山西11选5遗漏走势 德州麻将规则麻 体彩22选5预测工作室 新浪nba比分数据查询