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. 003 F-47创建预付定金请求检查增强-20150819.docx

    Enhancement SE38:LEINRF26   操作F-47,预付定金请求回车时,检查输入的采购订单项目发票视图,预付定金% 栏位,若为空,则报错,不为空可继续.   检查逻辑:检查采购凭证项 ...

  2. 视频解码芯片SAA7111A的初始化

    为了完成SAA7111A的初始化,FPGA需要完成I2C控制器的设计. 之前本科的时候初步接触过I2C,但是编写一个Verilog的控制器还是觉得有点难度的.说实话,那时候都无从下手,对实现这样一个协 ...

  3. Happy Hours, Happy Days

    No matter our age, being happy creates more happiness--making a better world for all of us. 无论青春与否,让 ...

  4. MFC实现文字随鼠标移动

    1 实验介绍 此实验是在刚开始接触MFC时做的.它要求实现的功能如下: 文字跟随鼠标动态移动(跟随移动方式自定) 修改图标为自己喜欢的图标 修改窗口标题 修改文档名称 可以用菜单项选定指定的颜色显示文 ...

  5. Win8.1和office2013使用电话激活步骤

    Win8.1和office2013使用电话激活步骤: 先从Win8.1贴吧的最后几个回复中找到几个密钥,最后的通常是最新的,然后输入到Win8.1中,会提示你密钥无效,如果有效你就走了狗屎运了,无效的 ...

  6. C语言定义一个指针变量

    10.2.1 定义一个指针变量 对指针变量的定义包括三个内容: (1) 指针类型说明,即定义变量为一个指针变量: (2) 指针变量名: (3) 变量值(指针)所指向的变量的数据类型. 其一般形式为: ...

  7. MySQL 8.0的十大新特性

    今天,让我们看一下MySQL8.0提升数据库管理员工作效率的十大改进. 从一大堆特性你们找出十点并不太容易,以下是这十大特性: 1.临时表的改进 2.持续的全局变量 3.取消默认MyISAM系统表 4 ...

  8. python常用模块-1

    一.认识模块 1.什么是模块:一个模块就是一个包含了python定义和声明的文件,文件名就是加上.py的后缀,但其实import加载的模块分为四个通用类别 : 1.使用python编写的代码(.py文 ...

  9. smarty变量调节器与函数

    smarty自带了一些变量调节器与内置函数,都在libs/plugins目录下,变量调节器以modifier开头,函数以function开头,而且我们可以自定义变量调节器与函数,熟练运用之后会极大地提 ...

  10. iOS 学习如何声明私有变量和私有方法

    私有变量 首先来说 OC 中没有绝对的私有变量,这么说基于两点原因: 1可修改:   通过KVC  键值编码 来修改私有成员变量的值 2可读取 :  通过底层runtime 获取实例变量Ivar 对应 ...