• angularJS开发环境搭建和启动


                本文目录:1.angularJS框架简介

                                  2.angularJS环境搭建

                                  3.启动一个项目

    1.angularJS框架简介

    AngularJS是一个开发动态Web应用的框架。它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于,通过数据绑定和依赖注入减少了大量代码,而这些都在浏览器端通过JavaScript实现,能够和任何服务器端技术完美结合。

    Angular是为了扩展HTML在构建应用时本应具备的能力而设计的。对于静态文档,HTML是一门很好的声明式的语言,但对于构建动态WEB应用,它无能为力。所以,构建动态WEB应用往往需要一些技巧才能让浏览器配合我们的工作。

    通常,我们通过以下手段来解决动态应用和静态文档之间不匹配的问题:

    • 类库 - 一些在开发WEB应用时非常有用的函数的集合。你的代码起主导作用,并且决定何时调用类库的方法。例如:jQuery等。
    • 框架 - 一种WEB应用的特殊实现,你的代码只需要填充一些具体信息。框架起主导作用,并且决定何时调用你的代码。例如:knockoutember等。

    Angular另辟蹊径,它尝试去扩展HTML的结构来弥合以文档为中心的HTML与实际Web应用所需要的HTML之间的鸿沟。Angular通过指令(directive)扩展HTML的语法。例如:

    • 通过{{}}进行数据绑定。
    • 使用DOM控制结构来进行迭代或隐藏DOM片段。
    • 支持表单和表单验证。
    • 将逻辑代码关联到DOM元素上。
    • 将一组HTML做成可重用的组件。

    参考:http://www.angularjs.net.cn/tutorial/1.html

    2.angularJS环境搭建

    2.1安装node.js

    下载地址:https://nodejs.org/en/download/

    2.2.安装npm和cnpm

    npm在安装node.js会顺带安装好,由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题。 

    安装淘宝镜像,输入 npm install -g cnpm –registry=https://registry.npm.taobao.org

    2.3安装完成cnpm之后,我们开始安装Angular-cli。

    执行命令
    cnpm i -g angular-cli
    然后可以执行ng version命令,查看是否安装完成和angular-cli的版本
    安装完成之后我们就可以使用ng命令,下面开始创建项目。

    3.安装完成之后,我们开始进行测试创建项目。

    3.1执行命令:ng new JustForTest

    3.2创建好后我们启动
    执行命令:ng serve

    这样就可以直接启动项目,我们在浏览器中输入:http://localhost:4200可以直接访问
  • 相关阅读:
    "《算法导论》之‘图’":不带权二分图最大匹配(匈牙利算法)
    "C#":MySql批量数量导入
    MySql常用操作语句(2:数据库、表管理以及数据操作)
    MySql常用操作语句(1:启动、连接数据库及用户操作)
    HTML 段落
    HTML 标题
    HTML 属性
    HTML 元素
    HTML 基础
    HTML 编辑器
  • 原文地址:https://www.cnblogs.com/zzuli/p/9593058.html
Copyright © 2020-2023  润新知