优秀的前端JS框架——AngularJS的安装

news/2024/7/3 11:17:09

  AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。AngularJS 是一个 JavaScript框架。它是一个以 JavaScript编写的库。它可通过 script 标签添加到HTML 页面。AngularJS 通过 指令 扩展了HTML,且通过 表达式 绑定数据到 HTML。 AngularJS是以一个JavaScript文件形式发布的,可通过 script 标签添加到网页中。

AngularJS的下载和安装

1、安装AngularJS之前要先安装Node.js,可以参考▶ JavaScript 运行环境——Node.js的安装。然后查看:node -v(查看nodejs版本) npm -v(查看npm版本)。

###    2、安装`angular cli`。以`管理员权限`打开`cmd`窗口,输入以下命令在线安装。
安装typescript(新建项目的时候会自动安装,此时也可以不进行安装):
npm install -g typescript
安装angular cli :
npm install -g @angular/cli

  

3、查看是否安装成功。

ng version
###    4、创建新项目。
在终端中,进入想要创建项目的地址执行 :ng new 项目名称
执行完该命令后会下载相应的npm包,耐心等待
注意:执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令,也不是可
运行的程序或批处理文件。】,这个和本地没有安装git有关,但是不会影响项目。

  

5、运行项目。

在终端中进入项目所在文件夹:cd first-app;
然后执行ng serve,服务启动了,访问http://http:localhost:4200,能访问到即项目搭建成功。
ctrl+c命令退出指定状态,可以关闭服务(很多命令和linux下的较为相似)

http://www.niftyadmin.cn/n/3649478.html

相关文章

Android中的Parcel机制 实现Bundle传递对象

Android中的Parcel机制 实现了Bundle传递对象 使用Bundle传递对象,首先要将其序列化,但是,在Android中要使用这种传递对象的方式需要用到Android Parcel机制,即,Android实现的轻量级的高效的对象序列化和反序列…

Picasso的封装(一)

public class PicassoUtils {//加载本地图片public static void setImg(Context context, int resId, ImageView imgView){Picasso.with(context).load(resId).config(Bitmap.Config.RGB_565)//8位RGB位图.fit().into(imgView);}//按照一定的宽高加载本地图片,带有加…

如何在Ubuntu 18.04上使用Ansible安装和设置Docker

介绍 (Introduction) Server automation now plays an essential role in systems administration, due to the disposable nature of modern application environments. Configuration management tools such as Ansible are typically used to streamline the process of aut…

JavaScript 运行环境——Node.js的安装

Node.js 是一个基于Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让JavaScript运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月…

System.loadLibrary()的使用方法汇总

当使用System.loadLibrary()调用 Dll,两种方法: 1.设定环境变量。 比如:所编辑的Dll在目录“D:/cppProjects/nativecode/release”内,将这个路径复制添加到电脑的环境变量中的path变量内即可。 2.设定项目属性。(开发推荐) 右击项目名|选择属…

如何在Ubuntu 18.04上使用Ansible安装和设置LEMP

介绍 (Introduction) Server automation now plays an essential role in systems administration, due to the disposable nature of modern application environments. Configuration management tools such as Ansible are typically used to streamline the process of aut…

Android网络数据请求之HttpClient

一、HttpClient体系主要概况; 二、HttpClient 的HttpGet和HttpPost的示例代码。 [html] view plaincopy 对客户端请求进行数据封装和方法构建: 1. 主体:客户端 public class org.apache.http.impl.client. De…

分布式版本控制系统——Git

Git(读音为/gɪt/。)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 在项目开发中经常会使用Git将代码提交到码云或者GitHub&#…