• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

angularjs框架怎么搭建?

angularjs 搞代码 4年前 (2021-12-31) 53次浏览 已收录 0个评论

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<b style="color:transparent">来源gao@!dai!ma.com搞$$代^@码网</b>.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框架怎么搭建?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:angularjs框架怎么搭建?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址