资讯专栏INFORMATION COLUMN

yo 搭建angular应用

Godtoy / 3220人阅读

摘要:如果用的是会自动帮你生成好地址,这里只能手动加了。这样就可以开发应用了。可以帮你创建,,无需手动创建,等文件了。此文章仅供参考,如有不对的地方求指正,新手请轻拍。

yeoman 搭建angular应用

安装:

node 5.0版本
yeoman
bower
gulp
npm install -g bower yo generator-angular //等待安装……
yo angular //进入你所创建的文件目录中执行命令

安装gulpbootstrap

如需使用Sass 安装Ruby 可查看generator-angular

和所需要的angular模块,用空格选中,回车等待安装……

安装完成后执行gulp serve

将会打开localhost:9000网址;
你会发现页面中没有任何样式的,F12打开会报一大堆的错误,这里打开app/index.html文件夹中没有任何第三方js文件。

这里你需要打开.bowerrc文件,改成 "directory": "app/bower_components"
在执行bower install这样app目录下就有bower安装的第三方库了。

这样还不够,之前打开index文件你会发现yo并没有帮你自动生成好第三方库的地址。(如果用的是grunt会自动帮你生成好地址),这里只能手动加了。


这样在运行gulp serve就可以了。

yo已经帮你吧gulp都配置好了。这样就可以开发angular应用了。

generator-angular可以帮你创建viewservicecontroller……无需手动创建js,html等文件了。

此文章仅供参考,如有不对的地方求指正,新手请轻拍。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86395.html

相关文章

  • [AngularJS]使用Yeoman构建开发AngularJS项目

    摘要:一般前端项目安装依赖使用。包括,,以及程序主入口文件。然后页面显示正常。这样就实现了使用构建一个项目,并简单开发了一下,创建一个新的页面并实现了路由跳转。 一. 安装 第一步:安装npm所需模块 首先需要安装Node.js,然后使用npm安装所需要的模块 npm install -g grunt-cli bower yo generator-karma generator-angula...

    amuqiao 评论0 收藏0
  • 你的第一个AngularJS应用--教程二:基架、建立和测试的工具

    摘要:包括脚手架依赖管理准备测试包括单元测试和端到端测试。我们用来开发的工具有。是一个工具集,包含个核心组件,,和脚手架工具。当你正在做自己的一个项目时,使用哪些模块将取决于你自己。这个目录当然是测试文件。 介绍 有很多可用的工具可以帮助你开发AngularJS 应用,那些非常复杂的框架不在我的讨论范围之中,这也是我开始这系列教程的原因。 在第一部分,我们掌握了AngularJS框架的基本...

    k00baa 评论0 收藏0
  • Yeoman-- 一个强大的前端构建工具

    摘要:通过官方的生成器,他们建立了一个的工作流,这个流是由一个强大的固定的客户端组建,包含工具和框架帮助开发者快速建立牛逼的应用。 原文还是在简书上: Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工!! 上期跟大家试了试Vue-cli这个构建工具,这个让我想起了很多其他的前端工具,其中一个就是Yeoman(上次就剧透了的),所以这期跟大家先简单介绍下这个脚手架工具,然后慢慢一步...

    宠来也 评论0 收藏0
  • Yeoman-- 一个强大的前端构建工具

    摘要:通过官方的生成器,他们建立了一个的工作流,这个流是由一个强大的固定的客户端组建,包含工具和框架帮助开发者快速建立牛逼的应用。 原文还是在简书上: Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工!! 上期跟大家试了试Vue-cli这个构建工具,这个让我想起了很多其他的前端工具,其中一个就是Yeoman(上次就剧透了的),所以这期跟大家先简单介绍下这个脚手架工具,然后慢慢一步...

    lixiang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<