使用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其它相关文章!