• 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

  • 相关阅读:
    Vue 实例中的生命周期钩子
    公司Git实用记录
    mint-ui —— navbar和tab-container的区别
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
  • 原文地址:https://www.cnblogs.com/Nyan-Workflow-FC/p/6591891.html
Copyright © 2020-2023  润新知