• 福特翼虎购车指南 降价后推荐豪翼型 2019-06-08
  • 湖北“儿子娃娃”的医疗援疆路 2019-06-08
  • 在虞城,看乡村振兴的曙光 2019-06-07
  • 光明日报:故宫招募文物修复志愿者值得点赞 2019-06-07
  • 【理上网来·辉煌十九大】习近平新时代中国特色社会主义经济思想对中国经济学理论的贡献 2019-06-06
  • 中国经济稳中向好的发展态势没有变——访国家发改委宏观经济研究院形势室主任杜飞轮 2019-06-06
  • 本人几天前就吃了几个粽子了。 2019-06-05
  • 党的十九大最重大的理论成就 2019-06-04
  • 孙月亮的专栏作者中国国家地理网 2019-06-03
  • 世界杯朋友圈生存技巧,都在这了 2019-06-03
  • 江西分宜:千年古镇龙舟竞渡 2019-06-02
  • 世界杯营销应量力而行 2019-06-01
  • 摄影师捕捉超强EF3龙卷风 巨大云团画面惊险壮观 2019-05-31
  • 习近平:贯彻党中央精神不是喊口号 2019-05-31
  • 海南出台人才保障房意见:工作满8年送房子100%产权 2019-05-30
  • AngularJS环境怎么搭建呢,请看下面说明!

    2018.04.17 潍坊网站建设

    广西十一选五开奖情况官网 www.hmihe.tw 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的下载地址是: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。

     

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

     

      然后执行命令

     

      然后等待编译完成。

     

      完成之后,我们就可以在浏览器中输入了

     

      转载请注明:广西十一选五开奖情况官网://www.hmihe.tw/newsshow/216.html


    关键词

    最新案例

    广西十一选五开奖情况官网
    联系电话 400-6065-301

    微信咨询 寒总监

  • 福特翼虎购车指南 降价后推荐豪翼型 2019-06-08
  • 湖北“儿子娃娃”的医疗援疆路 2019-06-08
  • 在虞城,看乡村振兴的曙光 2019-06-07
  • 光明日报:故宫招募文物修复志愿者值得点赞 2019-06-07
  • 【理上网来·辉煌十九大】习近平新时代中国特色社会主义经济思想对中国经济学理论的贡献 2019-06-06
  • 中国经济稳中向好的发展态势没有变——访国家发改委宏观经济研究院形势室主任杜飞轮 2019-06-06
  • 本人几天前就吃了几个粽子了。 2019-06-05
  • 党的十九大最重大的理论成就 2019-06-04
  • 孙月亮的专栏作者中国国家地理网 2019-06-03
  • 世界杯朋友圈生存技巧,都在这了 2019-06-03
  • 江西分宜:千年古镇龙舟竞渡 2019-06-02
  • 世界杯营销应量力而行 2019-06-01
  • 摄影师捕捉超强EF3龙卷风 巨大云团画面惊险壮观 2019-05-31
  • 习近平:贯彻党中央精神不是喊口号 2019-05-31
  • 海南出台人才保障房意见:工作满8年送房子100%产权 2019-05-30
  • 快乐10分破解如何计算 赫塔菲vs皇家社会推荐 毕尔巴鄂交通 蒙彼利埃高商 重庆时时彩最新规律 奥格斯堡vs拜仁 视频 伯恩茅斯对阵利物浦 卡昂网购 时时彩官方开奖直播 3d海底总动员下载