Git Product home page Git Product logo

blogs-with-buds's Introduction

General Assembly Logo

ember-template

A template for starting projects with Ember as a client. Build pipeline and development server provided by ember-cli. Bootstrap and Sass included.

Updating Dependencies

At the beginning of each cohort update package.json:

npm

  • replace all dependent package versions in package.json with a glob (*).
  • rm -r node_modules.
  • npm update --save.
  • npm update --save-dev.
  • npm install

bower

Currently bower cannot automatically save updated versions to bower.json.

  • rm -r bower_components
  • bower update
  • bower list
  • Take the new version numbers from the top level of the list and paste them into bower.json
  • bower install
  • ember test

Fix errors and conflicts as necessary.

Dependencies

Install build dependencies with npm install. Install runtime dependencies with bower install. If you have not installed phantomjs, you will need to install it globally: npm install --global phantomjs-prebuil

At the beginning of each cohort, update this template by upgrading ember-cli and generating a new Ember application in another location. Copy files over a handful at a time and check diffs. You should preserve the pods structure and other customizations, including Bootstrap.

Installation

  1. Download this template.
  2. Unzip and rename the template directory.
  3. Empty README.md and fill with your own content.
  4. Move into the new project and git init.
  5. Replace all instances of 'ga-wdi-boston.ember-template' with your app name. This includes package.json, bower.json, app/index.html, tests/index.html, and config/environment.js, possibly others.
  6. Install dependencies with npm install and bower install.
  7. Run the development server with ember server. Use the --proxy flag to avoid writing development-specific CORS and CSP settings.

Structure

Build dependencies are stored in package.json. Client dependencies are stored in bower.json.

Do not configure grunt packages directly in the Gruntfile.js. Instead, store configurations in the grunt directory. You won't need a top-level key, since that's generated by the Gruntfile.js based on the filename of the configuration object stored in the grunt directory.

Developers should store source code following Ember conventions. This template uses the "pods" layout for organizing code. For an introduction, see Organize Your Ember App with Pods.

Tasks

Developers should run these often!

  • grunt nag or just grunt: runs code quality analysis tools on your code and complains
  • grunt reformat: reformats all your code in a standard style
  • ember server: generates bundles, watches, and livereloads (use the --proxy flag when developing locally)
  • ember test: runs any automated tests
  • ember build: prepare a distribution for deployment (use the --environment flag if you've customized builds)
  • ember generate: make use of the many generators for code (try ember help generate for more details)

Additional Resources

  1. All content is licensed under a CC­BY­NC­SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

blogs-with-buds's People

Contributors

squirtlesquad1988 avatar

Watchers

 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.