zoukankan      html  css  js  c++  java
  • 谷歌Web Starter Kit 起步套件

    Web Starter Kit

    Web Starter kit是一个来自Google的构建响应式网站的模板。支持不同的设备,并且由gulp.js 构建,同时支持跨设备同步测试.

    多设备同步测试采用了  BrowserSync 。BrowserSync 是一个基于socket.io 的Node 应用,当你更改文件的时候,它可以自动的改变页面。它 ( 指BrowserSync ) 还有  gulp.js 模块 ,你可以在你的项目中使用它。

    仓库地址

    https://github.com/google/web-starter-kit

    内置特效

    • 响应式模板
    • SASS支持  通过gulp serve或者 在生成环境中使用gulp
    • 性能优化 压缩JSS、CSS、HTML、图片文件
    • 代码检查  ESLINT
    • 内置的HTTP Server 通过gulp serve
    • 实时的页面刷新 使用browser-sync
    • 可以使用ES2015  To enable ES2015 support remove the line "only": "gulpfile.babel.js", in the .babelrc file.
    • 页面性能分析 run gulp pagespeed
    • 内置的service worker 在Https的域名下面自动使能

    发布到你的Github Pages

    参考文档 https://github.com/yeoman/generator-webapp/blob/master/docs/recipes/gh-pages.md

    1. 创建一个新的仓库

    2. git remote add origin https://github.com/you/webapp.git

    3. npm install --save-dev gulp-gh-pages

    创建一个gulp task 

    // deploy to github pages
    gulp.task('deploy', () => {
      return gulp.src('dist/**/*')
        .pipe($.ghPages());
    });

    4. git checkout --orphan gh-pages

    5. git commit -m 'initial commit' --allow-empty

    6. git push origin gh-pages

    7. 最后 RUN gulp deploy

    如果失败了,运行下面的命令

    rm -rf .publish

    然后重新gulp deploy

  • 相关阅读:
    centos安装pip
    centos修改国内镜像源
    centos配置snmp服务
    django使用ModelForm上传文件
    Vue slot
    umi3.2+ targets ie不生效的问题
    mongo环境快速搭建工具 mlaunch
    mac上常用软件
    磁盘性能测试工具 iozone
    磁盘性能测试工具 bonnie++
  • 原文地址:https://www.cnblogs.com/bhaltair/p/6865675.html
Copyright © 2011-2022 走看看