Gordon Potter eccegordo

Introduction To Node, NPM and Ember CLI

This guide is for developers who are new Node, NPM, and Ember CLI. This guide is designed to get you started with ember cli development and provide some general background info on what Node is and how it works with Ember CLI.

Overview

What is Node?
What is NPM?
How do I setup my environment if I don't have node js or npm installed?
I accidently installed something wrong how can I start over?

	{{#if emberApplication}}

	<div class="app__nav-holder">
	<nav {{bind-attr class=":main-nav view.inactive:main-nav_state_inactive"}}>
	<ul class="main-nav__list">
	<li class="main-nav__item">
	{{#link-to "view_tree"}}
	View Tree
	<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19px" height="19px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
	<path fill="#454545" d="M0,0v19h19V0H0z M6.109,17.445h-4.57V5.297h4.57V17.445z M17.461,17.445H6.83V5.297h10.63v12.148H17.461z M17.461,4.543H1.539V1.506h15.922V4.543z"/>

	<snippet>
	<content><![CDATA[
	function(${1:input}){
	${2://code}
	}
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>-></tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.js</scope>

	import Ember from 'ember';

	export default Ember.Component.extend({
	options: null,
	value: null,
	prompt: null,
	valuePath: null,
	labelPath: null,
	tagName: 'select',
	handleChange: null,

	// my-addon/addon/components/foo-base.js
	import Ember from 'ember';
	import layout from '../templates/components/foo-base';

	export default Ember.Component.extend({
	layout: layout
	});

	// my-addon/addon/templates/components/foo-base.hbs
	<div class="well well-sm">

	// A service object for managing access to static data.

	// How to inject this service
	// staticData: Ember.inject.service('static-data'),

	import Ember from 'ember';

	export default Ember.Service.extend({

	// Setup the service with some data the first time it loads

	import MyService from 'app-name/services/my-service';

	export default {
	name: 'MyServiceInitializer',
	initialize: function(container, application) {
	container.register('my-service:service', MyServiceInitializer, { singleton: true });
	// inject onto routes, controllers, etc
	}
	};

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName:'Ember Twiddle 2'
	});

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName:'Ember Twiddle'
	});