[JavaScript] yeoman

yeoman是前端工程构建工具
由3个工具组成:脚手架yo,包管理器bower,自动化任务grunt

环境要求:
node.js,git

注:
git要求是必须的,如果git没有配置在环境变量中,命令行在git shell中执行即可。

例子:
创建一个webapp应用

(1)安装yo,bower,grunt

npm install -g yo bower grunt-cli

(2)安装webapp生成器

npm install -g generator-webapp

(3)创建项目目录

mkdir my-yo-project
cd my-yo-project

(4)搭建脚手架

yo webapp

(5)部署网站

grunt serve

注:
(1)npm是node.js项目的包管理器,用来管理node.js的依赖项。
yeoman是node.js制作的,npm用来管理像yeoman这样的node.js项目
npm将yeoman项目的依赖关系写在了package.json文件中,依赖项按层级放到各模块的node_modules文件夹中

(2)bower是yeoman项目的包管理器,用来管理yeoman的依赖项。
webapp是yeoman制作的,bower用来管理像webapp这样的yeoman项目
bower将webapp项目的依赖关系写在了bower.json文件中,依赖项扁平的放在了bower_components文件夹中

(3)yo webapp的时候,会要求选择是否需要sass,sass会要求ruby环境。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 主流前端集成方案 Yeoman webapp集成脚手架工具:代码校验,测试,压缩 Bower: 下载管理框架、库 ...
    baby熊_熊姐阅读 2,812评论 0 1
  • jHipster - 微服务搭建 CC_简书[https://www.jianshu.com/u/be0d56c4...
    quanjj阅读 4,272评论 0 2
  • 接着上篇的《 利用Node.js搭建前端自动化平台 》我们开始搭建自己的前端工作流吧!要启动一个项目,最先要做什么...
    Max_Law阅读 8,420评论 0 7
  • 每个人都有一条伤疤,只是隐藏的太深了。实不相瞒,我是未成年。或许就是经历的事太多了,所以懂的,自然也就多了吧。 有...
    葬雪沫儿阅读 1,760评论 0 0
  • 读书,是门槛最低的高贵举动
    灿烂阳光1阅读 1,427评论 0 3

友情链接更多精彩内容