angularJS学习创建angular项目

1.angularJS的使用

angular在使用时一般有两种方法,一种是直接在html页面引用angular.min.js,如:

<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

版本的话可以看angular官方文档,需要哪个引入那个,angular1和angular2有很大差别;在现在使用angular一般都是有2.0以上的版本。
引入之后就可以使用angular的指令来实现所需要的功能,在菜鸟教程中有详细介绍如何使用。

angularJS使用的第二种方法也是我们最经常使用的,创建一个angular项目。在创建angular项目之前,需要装前端工程开发环境。如node、vscode、、npm等等。一般这三样东西必须要有。node可以在node官网下载最新的。在安装node之后,npm会直接安装最新的,因此不需要重新装npm。装好之后查看版本:

node -v
npm -v
在这里插入图片描述

vscode有就用,没有可以使用sublime,建议使用VS code;
基础环境配好之后就需要创建angular环境。先使用命令装上淘宝镜像:
(目的是装起来比较快一些)

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.创建angularJS项目

装angular环境。命令是:

npm i –g @angular/cli 或者npm i –g @angular/cli@1.1.0 指定版本号

装好之后检查版本就是这样的:

ng -v
在这里插入图片描述

相信你也注意到了"ng",怎么说呢,ng有点像Vue里面的v,前缀。具体什么意思,还得了解一下!

现在万事俱备了,所以就要创建项目了,其实创建项目的步骤网上有很多。我在这简单说一下创建的命令:

1.使用命令行创建一个目录,进出这个目录下。(放置demo)
2. ng new demo(项目名称)
3. npm install(安装依赖)
4. npm run start(运行项目)

之后你可以在他提供的地址上访问你的页面。这样就创建成功了一个angular项目。使用VS code打开时为:
在这里插入图片描述

在创建成功后就可以为所欲为啦。

刚学angular不久,理解比较浅,你们有什么关于angular的见解或者独到的想法,可以评论或者留言。大家一起讨论。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值