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的更多相关文章

  1. yeoman bower grunt等安装

    grunt-beginner前端自动化工具:http://www.imooc.com/learn/30 grunt的安装 官方站点:http://gruntjs.com/ 安装指令: sudo npm ...

  2. 前端自动化学习笔记(一)——Yeoman,bower,Grunt的安装

    最近看视频学习了前端自动化的一些知识,确实让我大开眼界.感觉前端越来越神器了.同时跟着视频自己也尝试运用了一些工具去构建前端项目,但是中间遇见了很多坑,磕磕绊绊的才实现了一点功能,所以打算记录一下学习 ...

  3. node,Yeoman,Bower,Grunt的简介及安装

    作为前端,基本的html,css,js已经不太够用了,所以要学习一些前端自动化工具,来提高我们的生产力 1.NodeJS 先安装NodeJS,直接去官网,下载最新的版本,一定要最新的版本,这样会避免很 ...

  4. windows下前端开发工具遇到的问题总结(yeoman bower grunt)

    我用的是windows环境 一毕要环境: 1:nodejs 官网:https://nodejs.org/en/ 2:由于很多国外网站国内都访问不了(如果没有设置会出现很多奇怪的错误),所有必需FQ 我 ...

  5. 前端工程化开发之yeoman、bower、grunt

    上两遍文章介绍了前端模块化开发(以seaJs为例)和前端自动化开发(以grunt为例)的流程,参见: http://www.cnblogs.com/luozhihao/p/4818782.html ( ...

  6. Grunt + Bower—前端构建利器(转)

    目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行 ...

  7. 前端构建利器Grunt—Bower

    runt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web ...

  8. Grunt + Bower—前端构建利器

    目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行 ...

  9. Grunt Bower构建前端

    Grunt + Bower—前端构建利器   目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的W ...

随机推荐

  1. Windows 上将Tomcat 8 安装为系统服务

    第一部分 应用场景 需要服务器上Tomcat不显示启动窗口 需要服务器上Tomcat开机自启动 ... 第二部分 配置过程 一.修改配置文件 1 {Tomcat_HOME}/bin/service.b ...

  2. 【WEB HTTP】缓存

    1. HTTP并不支持兄弟缓存,所以人们通过一些协议对HTTP进行了扩展,比如因特网缓存协议(Internet Cache Protocol, ICP)和超文本缓存协议(HyperText Cachi ...

  3. Linux系统资源查询命令(cpu、io、mem)

    cpu/mem: 1. 指定pid top -p pid1,pid2,... 2. top排序 先top,然后  输入大写P,则结果按CPU占用降序排序.输入大写M,结果按内存占用降序排序. io: ...

  4. asp.net IRequiresSessionState

    在一般处理程序中,使用context.Session对象,必须先继承IRequiresSessionState接口. System.Web.SessionState.IRequiresSessionS ...

  5. java CountDownLatch 控制异步和同步

    应用场景举例: 执行A项目的方法,需要调用B项目.C项目.D项目的接口方法. 需求: 异步调用B.C.D项目的接口方法,且每个接口都调用结束后,A项目的方法才可以结束. 注:如果需要获取接口返回结果, ...

  6. nginx负载均衡详情

    负载均衡是我们大流量网站要做的一个东西,下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法,希望对有需要的同学有所帮助哦. 负载均衡 先来简单了解一下什么是负载均衡,单从字面上的意思来理解就可 ...

  7. Python Streaming实战2: Join的实现与数据过滤

    Hadoop Join 与 Not In的实现  (一)源数据与要实现的查询 1. 要实现的查询 select a.sid ,a.name ,b.course ,b.score from Studen ...

  8. 虚构 css 父级选择器

    能 CSS 解决的绝不用 JS,这句话又一次故作装逼地说出来还是挺爽的... 比如下拉列表,能用 CSS 的 :focus 就不用 JS 的 .on("focus blur") 能 ...

  9. bootstrap 模态框中弹出层 input不能获得焦点且不可编辑

    bootstrap 模态框中弹出层 input不能获得焦点且不可编辑 问题描述:bs框架支持一层model层的情况下,在模态框中弹出了自定义的弹出层.发现自定义弹出层的输入框不能获得焦点且不可编辑. ...

  10. Win32 API编程:WinMain无法重载函数或_tWinMain无法重载

    #include "windows.h" #include "tchar.h" int APIENTRY _tWinMain( HINSTANCE hInsta ...