Giter VIP home page Giter VIP logo

ng-make's Introduction

ng-make cli

alt tag ####Version 1.7.4

Adding livereload at webstart keywords also you can run the typical command of ng-make, fix about more keywords such as module state and project

###Short Description

The ng-make command line utility makes it easy to make all with AngularJS. This command help you to manage your project without edit the route and the app configuration files. Use the ng-make --help command for more detailed task information.

Free for all!

If you want to add a new module into the repository of ng-make, go to this(http://www.angelocarraggi.altervista.org/ng-make) and you can add your module into ng-make repository.

Installing

$ npm install -g ng-make

*Note: For a global install of -g ng-make, OSX/Linux users may need to prefix the command with sudo or can setup proper file permissions on OSX for npm to install without sudo. *

Starting your project with AngularJS easily

$ ng-make project nameProject 

When the command is launched it install the following components:

	angular .......  basic module of angularJS
	angular-ui ......  module for the routes page 

The structure of the project created with this command will be:

	appName/
			|
			|_css/ ( for the css style in your app)
			|
			|_js/ ( js module required by the app)
			|
			|_template/ (The view that you can be used)
			|
			|_img/ ( the image directory for your app )
			|
			|_bower_components/ (all components module)
			|
			|_settings/ ( settings for your application )
			|			|
			|			|_app.js
			|			|
			|			|_config.js
			|			|
			|			|_config.routes.js
			|
			|_module.json ( important file for the module installed in ng-make )
			|
			|_settings.conf ( important file for the settings of ng-make )

Create your state in one command

With ng-make you can create the state for your application. For make this quickly with ng-make you can use:

$ ng-make state nameOfState [default] [abstract]

This command update the file config.routes.js with the new lines of declare your state. It create the controller file append at the nameOfState the suffix CTRL and save it into the folder js, It create the html template (this view is empty) into the folder template named with the name of the state, It update the index.html with the <script type="text/javascript" src="js/nameOfStateCTRL.js"></script> before the end tag </body>.

  • If you using the option default, the state it's default, that is writed in config.routes.js within the otherwise property setted for the state.

Testing your AngularJS App

With ng-make you can also test your app without another XAMPP or LAMP software. For try your server you should be go into the folder project and launch this command:

$ ng-make webstart [host] [port] [rootPoint]]
  • By default if you launch the command it used:
    • "localhost" as host
    • "port" as 9090
    • "rootPoint" as "./"

Integration Module in your Angular App

With ng-make you can install the new module in your angular app or install it from the repository available. Typically you use this command as:

$ ng-make module [install|list|list-installed] nameOfNewModule [options]

The available keywords can be used like below:

ng-make module install nameOfAvailablePackage

With this command you add the nameOfAvailablePackage in your angular project. For obtain the list of available package in ng-make, you can run this command:

$ ng-make module list

For obtain the list of install modules in your angular app you can run this:

$ ng-make module list-installed

ng-make's People

Contributors

angeloasm avatar

Stargazers

amanecer avatar Giovanni Buscarino avatar

Watchers

 avatar  avatar

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.