移动端脚手架

目录结构

usee-moblie/  
    ├── README.md  
    ├── package.json    //gulp工具配置
    ├── gulpfile.js     //gulp任务配置
    ├── .gitignore      //git忽略名单
    ├── .bowerrc        //bower目录配置
    ├── bower.json      //bower 开发的第三方组件库
    │
    ├── dep/            //第三方库   
    │  
    ├── src/            //开发目录
    │   ├── lib/        //第三方组件
    │   ├── img/        //图片
    │   ├── js/         //js文件
    │   ├── pages       //html文件
    │   ├── sass        //sass文件
    │   ├── iconfont    //字体图标文件
    │  
    ├── dist/           //自动生成  发布目录
    │  
    ├── node_modules/   // 自动生成,包含node依赖以及开发依赖 
    │           


  • 使用指南
  • npm install //安装node依赖以及开发依赖 生成node_modules文件夹
  • bower init//初始化bower 生成bower.json文件 如果遇到下面错误请使用windows命令行
Additional error details:
Note that you can manually force an interactive shell with --config.interactive
  • bower install lib.flexible //安装手淘自适应库

  • gulp lib //提取自适应核心文件 flexible.js&flexible.css

  • coding

  • gulp任务指令

  • gulp lib//提取自适应核心文件

  • gulp sass//sass文件转css并自动添加css3前缀

  • gulp sass:watch//监听sass文件如有修改自动生成css

  • gulp pack//将src的文件压缩并打包到dist

  • bower指令

  • bower install {name} //{name}为库的名字 安装库

  • bower info {name} //查询库的版本

  • bower search {name} //列出包含的相关库

你可能感兴趣的:(移动端脚手架)