2016-09-16 55 views

回答

0

首先,運行您的Rails環境。

rails new myApp 

現在,清理Gemfile。

gem 'rails', '4.2.0' 
gem 'sass-rails', '~> 5.0' 
gem 'uglifier', '>= 1.3.0' 
gem 'ember-cli-rails' 

您可以使用bundle install安裝相關性。

我們已經從Ember gem獲得了發電機。我們來創建初始化文件。

rails g ember-cli:init 

默認情況下,它的配置爲使用應用程序調用前端,必須住app/frontend下。

root 'frontend#index' 

您可以將其更改爲

get '/*path' => 'frontend#index' 

創建索引方法控制器FrontendController。我們也需要這個視圖。爲app/views/frontend/index.html.erb中的索引方法創建一個空視圖我也希望有一個單獨的佈局。您可能想要將默認佈局與其他事物一起使用。因此,使用以下內容創建文件app/views/layouts/frontend.html.erb。

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>MyApp</title> 
    <%= stylesheet_link_tag 'frontend' %> 
    <%= include_ember_script_tags :frontend %> 
</head> 

<body> 
<%= yield %> 
</body> 
</html> 

不要忘了創建app/assets/stylesheets/frontend.css文件並將其添加到Rails資產管道。打開config/initializers/assets.rb並添加以下行:

Rails.application.config.assets.precompile += %w(frontend.css) 

我們從節點獲得了ember命令。我們將使用它來初始化我們的Ember應用程序。

ember new frontend --skip-git 

這將創建我們的應用程序。轉到前臺目錄,我們需要更多的npm包。還安裝:

`ember install ember-cli-rails-addo` 

好了,現在啓動服務器rails s

baber.imnandovieira。感謝你們。

相關問題