EmberJS - Criando e executando o aplicativo

Você pode configurar facilmente o Ember.js em seu sistema. A instalação do Ember.js é explicada no capítulo Instalação do EmberJS .

Criando aplicativo

Vamos criar um aplicativo simples usando Ember.js. Primeiro crie uma pasta onde você cria seus aplicativos. Por exemplo, se você criou a pasta "emberjs-app", navegue até esta pasta como -

$ cd ~/emberjs-app

Dentro da pasta "emberjs = app", crie um novo projeto usando o novo comando -

$ ember new demo-app

Quando você cria um projeto, o novo comando fornece a seguinte estrutura de diretório com arquivos e diretórios -

|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor

bower.json
ember-cli-build.js
package.json
README.md
testem.js

  • app - Especifica as pastas e arquivos de modelos, rotas, componentes, modelos e estilos.

  • bower_components / bower.json- É usado para gerenciar os componentes como HTML, CSS, JavaScript, arquivos de imagem etc e pode ser instalado usando o npm. O diretório bower_components contém todos os componentes do Bower e bower.json contém a lista de dependências que são instaladas pelo Ember, Ember CLI Shims e QUnit.

  • config- Ele contém o diretório environment.js que é usado para definir as configurações de um aplicativo.

  • dist - Inclui os arquivos de saída que são implantados durante a construção do aplicativo.

  • node_modules / package.json- NPM é um gerenciador de pacotes de nó para Node.js que é usado para instalar, compartilhar e gerenciar as dependências nos projetos. O arquivo package.json inclui as dependências npm atuais de um aplicativo e os pacotes listados são instalados nonode_modules diretório.

  • public - Inclui recursos como imagens, fontes, etc.

  • vendor - É um diretório no qual as dependências de front-end como JavaScript e CSS não são controladas pelo Bower go.

  • tests / testem.js- Os testes automatizados são armazenados na pasta de testes e o testem do executor de teste do Ember CLI é organizado em testem.js .

  • tmp - Contém os arquivos temporários do Ember CLI.

  • ember-cli-build.js - Ele especifica como construir o aplicativo usando o Ember CLI.

Aplicação em execução

Para executar o aplicativo, navegue até o diretório do projeto recém-criado -

$ cd demo-app

Criamos o novo projeto e ele está pronto para ser executado com o comando fornecido a seguir -

$ ember server

Agora abra o navegador e navegue até http://localhost:4200/. Você obterá a página de boas-vindas do Ember conforme mostrado na imagem abaixo -