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 -