yeomen: npm install yo angular-in-action project npm install -g generator-angular npm install -g genrator-webapp yo angular learnangular new angular project yo webapp grunt-by-yeomen package.json npm install (执行package.json所指定的依赖包) bower: npm install…

grunt-beginner前端自动化工具:http://www.imooc.com/learn/30 grunt的安装 官方站点:http://gruntjs.com/ 安装指令: sudo npm install -g grunt-cli 验证方面:grunt 见到上图,就是grunt已经安装成功. yeoman的安装 yeoman自动将最佳时间和工具整合进来,大大加速和方便了我们的后续的开发. 官方站点:http://yeoman.io/ 安装指令: sudo npm install -g…

最近看视频学习了前端自动化的一些知识,确实让我大开眼界.感觉前端越来越神器了.同时跟着视频自己也尝试运用了一些工具去构建前端项目,但是中间遇见了很多坑,磕磕绊绊的才实现了一点功能,所以打算记录一下学习过程中的笔记. 首先列举一下关键词:NodeJS.Git.Yeoman.bower.Grunt. 其中NodeJS作为核心,在它的基础上我们可以利用Yeoman.bower.Grunt这三个前端工具实现前端自动化,而Git,主要是用它自带的 Git Bash命令行.为啥要用Git自带的命令行呢,这我…

作为前端,基本的html,css,js已经不太够用了,所以要学习一些前端自动化工具,来提高我们的生产力 1.NodeJS 先安装NodeJS,直接去官网,下载最新的版本,一定要最新的版本,这样会避免很多的坑. 下载完成后在命令行中输入node -v 显node示出版本号,此时就安装好了. 如果电脑之前没装git的话,最好也要安装上,因为git上有 git bash shell 用这个编辑命令行好像好一些. node安装好后 npm会随之也下好了,npm -- Node Package Manag…

我用的是windows环境 一毕要环境: 1:nodejs 官网:https://nodejs.org/en/ 2:由于很多国外网站国内都访问不了(如果没有设置会出现很多奇怪的错误),所有必需FQ 我用的是淘宝的:http://npm.taobao.org/ 3:python https://www.python.org/ 4:Visual C++ 2010 Express(如果你装了vs 这一步可以省) https://www.visualstudio.com/zh-cn/products/v…

上两遍文章介绍了前端模块化开发(以seaJs为例)和前端自动化开发(以grunt为例)的流程,参见: http://www.cnblogs.com/luozhihao/p/4818782.html (前端模块化开发) http://www.cnblogs.com/luozhihao/p/4848709.html (前端自动化开发) 今天咱们来谈谈前端工程化, 谈到前端工程化,它的概念可能有些似懂非懂,什么是前端工程化?前端工程化又该如何实现呢? 下面我就结合自己的一些实践经验及总结,以yeoma…

目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rack,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的插件系统,让它可以插拔式的使用很多强大的功能,像数据迁移工具(liquibase),测试覆盖率插件以及一…

runt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rack,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的插件系统,让它可以插拔式的使用很多强大的功能,像数据迁移工具(l…

目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rack,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的插件系统,让它可以插拔式的使用很多强大的功能,像数据迁移工具(liquibase),测试覆盖率插件以及一…

Grunt + Bower—前端构建利器   目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rake,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的package系统,让它可以插拔式的使用很多强大的功能,像…