yeomen/bower/grunt
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 bower
jquery-bootstrap-in-action
bower 使用github短语安装
bower 使用github URL安装
bower使用URL安装
bower init 生成bower.json文件
bower install (自动根据bower.json安装所指定的依赖包)
bower install angular --save-dev
bower install angular --save
会自动在bower.json生成所下载的包的配置。
.bowerrc
{
"directory":"bower_compnent",
"proxy":"",
"https-proxy":"",
"timeout":"6000"
}
grunt:
task/target/options
grunt-by-yeomen
yo webapp grunt-by-yeomen
gruntfile.js
grunt-empty
npm init 创建package.json
npm install grunt --save-dev
npm install load-grunt-task --save-dev
npm install time-grunt ---save-dev
gruntfile.js
module.exports = function(grunt){
require('load-grunt')(grunt);
require('time-grunt')(grunt);
//配置项目路径
var config = {
app:'app',
dist:'dist'
}
//配置任务
grunt.initConfig({
config:config
});
}
文件拷贝删除依赖:
npm install grunt-contrib-copy --save-dev
npm install grunt-contrib-clean --save-dev
grunt.initConfig({
config:config,
copy:{
<!--dist_html:{
src:'<%=config.src%>/html',
dest:'<%=config.dist%>/html'
},
dist_js:{}
-->
dist_html:{
files:{'<%=config.dist%>/html':'<%=config.src%>/html'}
},
},
clean:{
<!-- dist:{src:['','']} -->
dist:{src:['<%=config.dist%>/**/*']}
}
});
npm install -g yo
npm install -g generator-webapp
npm install - g generator-angular
npm install -g grunt
npm install -g grunt-cli
npm install -g gulp
npm install generator-karma
npm install generator-gulp-angular
npm install -g gulp-load-plugins
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install node-sass
cpm install --save-dev gulp-sass
npm config get proxy
npm config get https-proxy
npm config get strict-ssl
1.修改https 配置为http(前面已设置了npm config set registry https://registry.npm.taobao.org)
2.运行 npm config set registry http://registry.npmjs.org/
3.再运行npm install
yeomen/bower/grunt的更多相关文章
- yeoman bower grunt等安装
grunt-beginner前端自动化工具:http://www.imooc.com/learn/30 grunt的安装 官方站点:http://gruntjs.com/ 安装指令: sudo npm ...
- 前端自动化学习笔记(一)——Yeoman,bower,Grunt的安装
最近看视频学习了前端自动化的一些知识,确实让我大开眼界.感觉前端越来越神器了.同时跟着视频自己也尝试运用了一些工具去构建前端项目,但是中间遇见了很多坑,磕磕绊绊的才实现了一点功能,所以打算记录一下学习 ...
- node,Yeoman,Bower,Grunt的简介及安装
作为前端,基本的html,css,js已经不太够用了,所以要学习一些前端自动化工具,来提高我们的生产力 1.NodeJS 先安装NodeJS,直接去官网,下载最新的版本,一定要最新的版本,这样会避免很 ...
- windows下前端开发工具遇到的问题总结(yeoman bower grunt)
我用的是windows环境 一毕要环境: 1:nodejs 官网:https://nodejs.org/en/ 2:由于很多国外网站国内都访问不了(如果没有设置会出现很多奇怪的错误),所有必需FQ 我 ...
- 前端工程化开发之yeoman、bower、grunt
上两遍文章介绍了前端模块化开发(以seaJs为例)和前端自动化开发(以grunt为例)的流程,参见: http://www.cnblogs.com/luozhihao/p/4818782.html ( ...
- Grunt + Bower—前端构建利器(转)
目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行 ...
- 前端构建利器Grunt—Bower
runt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web ...
- Grunt + Bower—前端构建利器
目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行 ...
- Grunt Bower构建前端
Grunt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的W ...
随机推荐
- [转载]Spring中MultipartHttpServletRequest实现文件上传
实现图片上传 用户必须能够上传图片,因此需要文件上传的功能.比较常见的文件上传组件有Commons FileUpload(http://jakarta.apache.org/commons/file ...
- Django的Model继承abstract,proxy,managed。。。
Django 中的 model 继承和 Python 中的类继承非常相似,只不过你要选择具体的实现方式:让父 model 拥有独立的数据库:还是让父 model 只包含基本的公共信息,而这些信息只能由 ...
- NumPy基础知识:数组和矢量计算
NumPy 的ndarray:一种多维数组对象 该对象是一个快速且灵活的大数据容器,可以利用这种数组对整个数据进行科学计算,语法跟标量元素之间的计算一样. 创建ndarray的方法: array函数: ...
- HTML+CSS理解
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所 ...
- 提高开发效率 -> 图片
相比于文字, 我们从图片中获取的信息是更快和更多的. 所以, 应当大量使用图片, 大量地截图和看图, 不管是针对资料还是代码都应如此. 这里给大家推荐两个好用的小工具, 一个是截图(DuckLink ...
- grads 读取shp
自从GrADS2.0.a8版本开始,GrADS引入了对shp图形的支持,关于此格式在这里不多说, 于是今晚就简单测试了一下最简单画图和查询命令(后续还将测试输出shp图形的命令) 测试数据采用的 ...
- flask实现模仿知乎
上个月花了一个月的时间学习flask框架实现了一个简陋的知乎,有提问,回答,写文章,个人信息页,个人信息修改等功能,因刚接触学习flask,后端代码实现很多冗余,依旧需要修改. github: htt ...
- qnx 黑莓系统
qnx 黑莓图形系统框架 http://www.360doc.com/content/07/0807/10/38907_658192.shtml http://blog.csdn.net/keyboa ...
- 【Head First Servlets and JSP】笔记13:session & cookie
session的接口 杀死会话 cookie的性质 cookie的接口 再总结——cookie.session.JSESSIONID的前世今生 简单的定制cookie示例 1.session的接口,配 ...
- Android系统--输入系统(三)必备Linux知识_双向通信(scoketpair)
Android系统--输入系统(三)必备Linux知识_双向通信(scoketpair) 引入 1. 进程和APP通信 创建进程 读取.分发 - 进程发送输入事件给APP 进程读取APP回应的事件 输 ...