码迷,mamicode.com
首页 > 其他好文 > 详细

Angular4.0安装及创建第一个项目

时间:2018-10-06 19:51:33      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:mod   script   class   发布   9.png   查看   语义   nod   输入   

Angular简介

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

Angular安装

1. 首先确保自己电脑上安装了node及npm,打开cmd(windows键+R键),输入node -v以及npm-v查看安装信息;

技术分享图片

2. 然后执行命令npm install -g cnpm --registry=https: 安装cpnm(此处为安装淘宝镜像cpnm,如果是国内直接装可能会存在问题)

技术分享图片

3. 执行命令cnpm install -g @angular/cli@latest安装Angular

技术分享图片

4.输入命令ng-v查看是否安装成功

技术分享图片

创建第一个项目

1.进入想要创建项目的地方,输入命令 ng new XXX 后面为自己的项目名。耐心等待一段时间,等待安装相应的包文件,项目创建完成。

技术分享图片

2.进入项目位置,输入命令 npm start,启动项目

技术分享图片

3.项目默认运行地址: http://localhost:4200/,打开查看,项目运行成功

技术分享图片

 

Angular4.0安装及创建第一个项目

标签:mod   script   class   发布   9.png   查看   语义   nod   输入   

原文地址:https://www.cnblogs.com/SUNYZBlog/p/9748134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!