AngularJS 准备

来源:互联网 发布:商场消费数据 编辑:程序博客网 时间:2024/04/24 00:11

什么是AngularJS

官方网站
https://angularjs.org/
一个前端MVC框架,用来构建SPA,单页应用

安装

只需要引入Angular.js就好
可使用

1.CDN

百度静态资源库 http://cdn.code.baidu.com/

http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.js

2.本地

推荐使用npm下载
新建一个文件夹,今后称为工作目录
打开控制台
cd 到工作目录
或者用Shift + 右键
在Windows下推荐使用ComEmu https://conemu.github.io/

npm init

按提示输入
如果npm没有反应,则需要安装node.js https://nodejs.org/en/
如果npm版本过低,不如卸载了重新安装

在npm init之后会有一个 package.json文件,里面记录的包的信息
继续输入

npm install angular

注意是angular不是angularjs
完成后在工作目录会生成一个node_modules文件夹,里面有angular文件夹,再里面就是我们要的angular.js

开发环境

推荐使用jetbrains的webstorm http://www.jetbrains.com/webstorm/ 不过这个收费
本文采用visual studio code https://code.visualstudio.com
在VSC中打开工作目录,就可以开始编码了
由于Angular需要一个服务器?
使用WebStorm可以开一个端口来运行,用VSC的话只能使用火狐开发者版作为浏览器进行调试
https://www.mozilla.org/zh-CN/firefox/developer/

接下来,就可以进行愉快的AngularJS开发了

0 0
原创粉丝点击