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的见解或者独到的想法,可以评论或者留言。大家一起讨论。