• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

willianjusten/Fast: A simple boilerplate to create projects with Jade, Stylus, G ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

willianjusten/Fast

开源软件地址(OpenSource Url):

https://github.com/willianjusten/Fast

开源编程语言(OpenSource Language):

HTML 60.3%

开源软件介绍(OpenSource Introduction):

Fast


A simple boilerplate to create projects with Jade, Stylus, Gulp, Browserify and Karma.

Maybe you want to read about them:

For grid system I use Jeet with some help from Kouto Swiss for animations, reset and a lot of great mixins. And for responsive utilities, Rupture is awesome =)

Getting Started

Installation

First of all, install the dependencies to run this boilerplate.

# Clone this repository
$ git clone git://github.com/willianjusten/Fast.git new_project
$ cd new_project

# install dependencies
$ npm install

With the commands above, you have everything to start.

Folders and Files

new_project -
	/build -
		/css
			main.css
		/img
		/js
			main.js
		.htaccess
	/src -
		/img
		/js
		/styl
		/templates
		.editorconfig
		gulpfile.js
		package.json
	/tests -
		/unit

Examples

If you want to see how this works, see this branch.

Or clone the repository and change to the branch tests

# Clone this repository
$ git clone git://github.com/willianjusten/Fast.git new_project
$ cd new_project

# change the branch
$ git checkout tests

# install dependengcies
$ npm install

Tasks

  • gulp: Initialize watch for changes and a server(localhost:8080)
  • gulp --fy: Initialize watch for changes and a server(localhost:8080) using browserify mode
  • gulp js: execute js files
  • gulp browserify: execute js files in browserify mode
  • gulp jade: compile jade files
  • gulp stylus: compile stylus files
  • gulp imagemin:compress image files
  • gulp browser-sync: inicialize a server
  • gulp watch: call for watch files
  • gulp deploy: deploy files via rsync (view configuration below)
  • gulp --p: minify all files for production
  • gulp --fy --p: minify all files for production (browserify mode)
  • gulp build --p: minify files and deploy via rsync
  • gulp build --fy --p: minify files and deploy via rsync (browserify mode)
  • karma start: launch a phantomjs and watch for tests

Rsync Configuration

In order to use rsync, you have to set up your ssh key in your host. After this, change this line in Gulpfile, using your username, hostname and destination folder.

License

This boilerplate is free and open source software, distributed under the The MIT License. So feel free to use this to create your site without linking back to me or using a disclaimer.

If you’d like to give me credit somewhere on your blog or tweet a shout out to @willian_justen, that would be pretty sweet.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap