`
LiYunpeng
  • 浏览: 954517 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

编译Angular.js

阅读更多
首先,我们要把Angular.js下载下来
Git的地址
https://github.com/angular/angular.js

对于angular.js的官网上不去,可能是被河蟹了。

下载下来我们会发现,根本没有angular.js,原因是我们需要手动构建
使用的就是Grunt,具体的介绍可以百度

如下是快速入门地址
http://www.gruntjs.net/docs/getting-started/

Grunt是个基于NodeJS的工具
所以我们安装台首先需要NodeJS的环境,通过npm来安装
使用如下命令,则在系统全局中安装了grunt-cli,就可以在任何的文件夹下使用grunt命令了
npm install -g grunt-cli


但这还不全,上面只是安装了grunt-cli,并不是安装了grunt,他只是一个调用grunt的工具而已
grunt本身就是基于NodeJS的,所以思想是一样的
通过package.json,配置以后,可针对不同的项目和文件夹,使用不同版本的grunt,而grunt-cli只是调用当前文件夹下的grunt,所以我们还需要在当前文件夹下安装grunt
和其他nodejs应用一样,使用
npm install

就可以安装了

安装好后就可以真正的使用grunt命令来编译angular.js了
命令如下
grunt package
分享到:
评论

相关推荐

    angular.js-master.zip

    - **Gruntfile.js**或**Gulpfile.js**:自动化构建脚本,用于编译、测试和打包AngularJS。 - **README.md**:项目介绍和使用指南。 了解AngularJS 1.3版本,你需要知道它相比早期版本的一些改进和新增特性,例如: ...

    middleman-angular-templates:在中间人应用中预编译 angular.js 模板

    预编译 Angular.js 模板的基本中间人扩展。 停止发出服务器请求来获取您的 HTML! 安装 添加到您的Gemfile : gem 'middleman-angular-templates', git: 'git@github....

    Angularise:为从异步进程呈现 HTML 的应用程序延迟编译 Angular.js 模板

    Angularise是编制外HTML模板的简单模块Angular.js runloop -如异步AJAX请求-在的情况下Angularise你甚至不需要范围编译HTML。 入门 默认情况下, Angularise使用ng-app属性分配的范围——根范围——。 为了使用...

    Angular.js项目中使用gulp实现自动化构建以及压缩打包详解.docx

    在Angular.js项目中,自动化构建和压缩打包是提高开发效率和优化应用性能的关键步骤。本文主要探讨了如何使用Gulp工具来实现这一目标。Gulp是一个基于Node.js的流式构建系统,它允许开发者通过简单的任务配置来执行...

    Angular.js指令学习中一些重要属性的用法教程

    在Angular.js中,指令是构建可复用组件和复杂用户界面的核心工具。它们允许开发者扩展HTML,赋予HTML新的语义,以实现动态行为和数据绑定。这篇教程将深入讲解Angular.js指令的一些重要属性,帮助你更好地理解和应用...

    node.js-angular.js-boilerplate:Node.js和Angular.js的简单样板

    node.js-angular.js-样板 Node.js和Angular.js的简单样板 科技栈 单页Web应用程序是使用以下命令构建的: Node.js Angular.js 萨斯 Gulp.js 安装 确保已安装最新的Node.js并运行命令npm run setup ,它将执行以下...

    前端项目-RyanMullins-angular-hammer.zip

    2. **src**: 源代码目录,包含了主要的JavaScript文件,如`angular.hammer.js`或`angular.hammer.min.js`,这是项目的核心模块,实现了Angular.js与Hammer.js的桥接。 3. **dist**: 发布目录,存放编译后的、可供...

    Angular.JS中的指令引用template与指令当做属性详解

    最后,Angular.JS还提供了编译和链接函数供开发者实现指令的具体行为。compile函数用于编译指令模板,而link函数用于将模板和作用域连接起来,用于监视作用域属性的变化、注册事件监听器、操作DOM等。 在Angular.JS...

    前端项目-rx-angular.zip

    文件名中的"rx.angular.js"可能就是实现RxJS和AngularJS桥接的库本身,很可能包含已经编译好的JavaScript代码,可以直接在项目中引用。 **相关知识点:** 1. **RxJS**: RxJS(Reactive Extensions for JavaScript...

    fullpageShowTemplate:使用fullpage.js和angular.js制作用于共享会议的模板

    此外,它还提供API以便与其他JavaScript库和框架(如Angular.js)集成,使得开发者能够轻松地控制页面的滚动事件和状态。 **二、Angular.js的使用** `Angular.js`是一个双向数据绑定的框架,它允许开发者通过声明式...

    partial2js:将angular.js局部编译为JS

    编译angular.js局部到JavaScript angular模块。 特征 在一个js文件中启用所有部分的预加载 生成可部署的角度模块 非常灵活,支持“覆盖” 在构建过程中重命名模板 支持流 测试 npm test 用大口 gulp . task ( '...

    flv.js for angular6

    `flv.js` 是一个JavaScript库,用于在浏览器中播放FLV(Flash Video)格式的视频流,它提供了HLS和DASH之外的一种轻量级解决方案,尤其适用于低带宽环境。这个项目是将`flv.js`库集成到`Angular 6`框架中的一个开发...

    smartadmin.angular.1.8.2

    "下载后要放到中间件中发布之后才可访问",这表明SmartAdmin Angular 1.8.2不是一个独立运行的应用,而是需要部署到Web服务器或应用服务器(如Apache、Nginx、Node.js等)上,通过HTTP服务提供给用户访问。...

    Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

    Angular.js项目中使用gulp实现自动化构建以及压缩打包详解主要介绍了在Angular.js项目中使用gulp工具进行自动化构建、压缩、打包的详细步骤和方法。gulp是一个基于流的前端自动化构建工具,利用它能够有效提升前端...

    Learning-Angular:学习 Angular.js

    Angular.js 是一个强大的前端JavaScript框架,由Google维护,用于构建单页应用程序(SPA)。它引入了数据绑定和依赖注入的概念,极大地简化了Web应用的开发流程。本教程将深入探讨Angular.js的核心概念、功能和最佳...

    [权威的angular 4教程(代码)] ng-book.2.Angular.4.r60.2017.4.pdf 书中的代码

    10. **AOT编译和Tree Shaking**:Angular 4支持提前编译(AOT)以减少加载时间,并通过Tree Shaking优化生产构建,减小程序体积。 通过深入研究《ng-book.2.Angular.4.r60.2017.4.pdf》中的代码,你可以掌握Angular 4...

    bookshub-frontend:在 angular.js 中完成的 bookshub 网站的前端

    Angular.js,作为一款由Google维护的JavaScript框架,以其强大的数据绑定和依赖注入功能,成为构建动态Web应用的热门选择。本篇文章将深入探讨如何使用Angular.js来构建一个名为"bookshub"的图书分享网站的前端部分...

    template-simple-angular:Angular.js 项目的简单骨架,所有架构都基于 Angular Seed

    Angular.js 是一个强大的前端JavaScript框架,由Google维护,用于构建单页应用程序(SPA)。它提供了一种声明式编程方式,使得开发者可以更专注于数据和业务逻辑,而无需处理DOM操作。Angular.js的核心特性包括双向...

    ng-boilerplate:Angular.js 样板

    Angular.js 是一个强大的前端JavaScript框架,由Google维护,用于构建动态Web应用程序。它的设计理念是让开发变得更加简单,通过提供数据绑定和依赖注入等核心特性,大大简化了HTML页面与JavaScript代码之间的交互。...

    countries-and-capitals:国家和首都应用程序,使用 angular.js 创建

    在IT领域,前端开发中Angular.js是一个备受推崇的JavaScript框架,它提供了一种高效的方式来构建动态、交互式的Web应用。本篇文章将详细解析一个名为“countries-and-capitals”的应用,该应用利用Angular.js来展示...

Global site tag (gtag.js) - Google Analytics