zoukankan      html  css  js  c++  java
  • 前端工程管理工具概览

    1.node.js,npm包管理工具,用node xxx.js运行。

    npm -l,查看已经安装的

    npm install [-g] [plugin-name],-g表示作为全局模块

    npm search ** ,查找某模块

    npm help ,查看帮助

    2.grunt,构建工具,通过Package.json和Gruntfile两个文件管理构建定义。Package.json管理依赖Grunt插件,Gruntfile管理构建子任务,包括文件合并、整合打包、压缩、测试等。

    grunt serve,开发包

    grunt test,测试

    grunt,生产包

    3.yo,框架代码生成,典型的有webapp,regular等框架,符合grunt构建格式和bower。使用这些框架之前需要使用npm先安装。如:

    npm install --global generator-webapp
    npm install -g generator-angular
    可以通过yo先搜索一下都有哪些框架代码生成器,yo
    webapp 其实是 Yeoman 内置的工程模板,它整合了 html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS 等框架或库文件,使我们创建完后就能直接使用。除了generator-webapp 还有一个 generator-mocha、generator-backbone、generator-angular等工程模板,可以通过npm search yeoman-generator命令查找,然后使用npm install [name]来安装。
    yo webapp
    yo angular
    4.bower,js包依赖管理器,添加:
    bower install [underscore]
    5.yeoman,一套工作流,包含yo,grunt,bower三个工具。
  • 相关阅读:
    必须克服的10种不良阅读习惯
    如何提升你的影响力
    爱情在线:拥抱变化的男女爱情!
    时间与生命
    女子最钟爱的五种男人
    社交常用表达:把人家的名字给忘了怎么办?
    最常用英语口头禅[推荐]
    中秋节的来历
    学会欣赏自己
    转帖]白领:4大行业通往高薪之路
  • 原文地址:https://www.cnblogs.com/vimisky/p/3945573.html
Copyright © 2011-2022 走看看