AngularJS情况怎样搭建呢,请看上面申明!

2018.04.17 潍坊网站扶植

86

AngularJS情况怎样搭建?,请看上面申明!


  此次给大师带来AngularJS情况搭建步奏详解,AngularJS情况搭建的注重事变有哪些,上面便是实战案例,一路来看一下。

  

  AngularJS是一个开源Web利用法式框架。它最后是由MISKO Hevery和Adam Abrons于2009年开辟。此刻是由谷歌掩护

 

  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的下载地点是:http://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://h-waiyucheng.com/newsshow/216.html


关头词

最新案例

接洽德律风 400-6065-301

留言