Giter Club home page Giter Club logo

angularjs-demo's Introduction

angularjs-demo

Demo application using angularjs and gulp.

Install

Run fe in root directory

./fe

Frontend building tool

fe is a shell script to manage the developing and auto building. No need to understand how does gulp/bower/npm works. run ./fe --help to get more information.

usage: ./fe [<command>] [<args>]

The most commonly used fe commands are:
   init       Generate the project with newest config
   package    Export project as an tar file
   watch      Doing gulp watch
   live       Start a web server and doing gulp watch to automatical refresh your browers
   update     Usable options 'npm/bower/template/hooks'
   server     Using http-server to start a web server
   jshint     Use jshint to check your code
   compile    Build project

Directory specification

app/			                         	--- Main code directory
	_sass/									--- Sass files, directory started with '_' will be ignored when release a package.
		modules/							---	Sass modules
		utils/								--- Sass utilities files
		style.scss 							--- Sass main file
	_common/								--- Application common libs and utilities
	_i18n/									--- I18n directory
		en_us/
		zh_cn/
	assets/									--- Static resources
		css/
		font/
		images/
		js/
	vendor/									--- Third-party libs, managed by bower
	web/									--- Application code directory
		modules/							---	Application modules
			mod_a/							--- Module A
				00-config.js 				--- Config of module A, started with 00 so that make sure it always goes to the top, becuase all the controllers are depened on it
				index.html 					--- Module A index page
				index.js 					--- Module A index controller
			mod_b/ 							--- Same with module A
				00-config.js
				index.html
				index.js
		index.html 							--- Application layouts, like menu/sidebar/login etc. are goes this level
		index.js 							--- Application default controller
	index.hml 								--- Application index page
config/			                         	--- Application config, there will be a config-local.js generated.
	config.js 								--- Basic configuration of the application
	config-local.js 						--- Personal configuration fo the application, it will overwrite the config in config.js. If not found, please run ./fe to generate it
hooks/			                         	--- Will push to .git/hooks/ to handle the commit and pull
	pre-commit								--- Run jshint before you do a git commit. If jshint failed, then can not commit
	psot-merge								--- Automaticlly build after you pull the newest code
.bowerrc   		                         	--- Bower config
.gitignore                               	--- Git ignore file
.jshintrc  		                         	--- Jshint configuration
README.md 		                         	--- README
bower.json 		                         	--- Bower package
fe				                         	--- Frontend development and building tool, run './fe --help' to get more help
gulpfile.js 	                         	--- Gulp configuration file
index.template                           	--- Template for your index.html, gulp use this to generate index.html
package.json 	                         	--- Npm packages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.