angularjs框架怎么搭建?

AngularJs是一款以前后端分离为优势的前端框架,也有人将其称为MVC*框架,它在用户数据交互方面显示出强大的功能,这个主要依赖于它的数据绑定功能。

使用AngularJS搭建前台框架步骤:

配置环境:

1、Node.js部署:

下载安装包:
从Node.js官网下载Node.js安装包。安装Node.js:
打开node-v6.9.4.pkg文件,一步步安装即可。

检测是否安装成功:

yangweidandeMacBook-Pro:~ zhaoxueyong$ node -v
v6.9.4
yangweidandeMacBook-Pro:~ zhaoxueyong$ npm -v
3.10.10

2、AngularJS2部署:

全局安装yo:

yangweidandeMacBook-Pro:~ zhaoxueyong$ sudo npm install -g yo

全局安装generator:

yangweidandeMacBook-Pro:Browser zhaoxueyong$ sudo npm install -g generator-karma
npm ERR! shasum check failed for /tmp/npm-17960-7f712c1b/registry.npmjs.org/istextorbinary/-/
istextorbinary-2.1.0.tgz
npm ERR! Expected: dbed2a6f51be2f7475b68f89465811141b758874
npm ERR! Actual:   6a2b96fd6b0894eb0e63405d2a97cab7cbc65926
npm ERR! From:     https://registry.npmjs.org/istextorbinary/-/istextorbinary-2.1.0.tgz

yangweidandeMacBook-Pro:Browser zhaoxueyong$ sudo npm install -g grunt-cli bower yo generator-karma 
generator-angular 
yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ sudo npm install phantomjs -g

构建前台框架:

yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ cd Browser/
yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ sudo yo angular

启动服务:

yangweidandeMacBook-Pro:Browser zhaoxueyong$ cat Gruntfile.js 
yangweidandeMacBook-Pro:Browser zhaoxueyong$ grunt serve
# 启动已经存在的项目之前,需要在项目目录下执行npm install && bower install

以上就是angularjs框架怎么搭建?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读