首页 > 技术文章 > yeomen/bower/grunt

Nyan-Workflow-FC 2017-03-21 20:32 原文

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

 

推荐阅读