Windows的設定

Header4

0 : 這個章的目的

 解釋Windows的設定。


1 : Rails

 ① : 作文件夾


解釋用Windows作「rails_project」文件夾的方法。

  • 使用Windows10的話,點擊Cortana
  • 使用Windows8以下的話,點擊搜索框
打入「文件資源管理器」,之後選擇結果。 Make folder1 打開之後,從左邊選這此電腦,打開下面的〜(C:)Make folder2 打開之後,點擊新建文件夾Make folder3 點擊之後會出現沒有名字的文件夾,打入「rails_projects」之後保存。
※ 如果不能打入「_」的話,使用railsproject的名字。 Make folder4  這樣作好了「rails_projects」的文件夾!


 ② : 打開「rails_project」的方法


解釋使用Windows的命令提示符打開「rails_projects」的方法。

  • 使用Windows10的話,打開Cortana
  • 使用Windows8以下的話,打開搜索框
打入「命令提示符」,點擊搜索的結果。 Terminal1 Terminal2 開了之後,在命令提示符上打入下面的命令。
※ 如果使用「railsproject」的名字的話,就打入cd /railsproject

 命令提示符(用半母字母數字打入)
1 cd /rails_projects
Open rails projects  這樣用命令提示符打開「rails_projects」了。
 如果要移動到「myapp」的話,打入

 命令提示符(用半母字母數字打入)
1 cd myapp


 ③ : Gemfile


在Windows上作Ruby on Rails的網站的之前,Gemfile上必須加一個設定。

 在這邊解釋這個設定。
打開Gemfile之後,加下面的設定。

 Gemfile(第24〜26行)
※ 用半母字母數字打入。編輯好了之後,一起點擊「ctrl」跟「s」保存文件的內容。
24 25 26 gem 'sdoc', '~> 0.4.0', group: :doc gem 'coffee-script-source', '1.8.0'

編輯完了之後,在命令提示符打入下面的命令。

 命令提示符
※ 用半母字母數字打入
1 bundle update coffee-script-source

 到這裡,需要的設定做好了。


 ④ : 導入Bootstrap


在這裡,解釋用Windows導入Bootstrap的方法。

 首先從這邊Bootstrap的網頁

然後從網頁的中央點擊Download source,開始下載。 Windows bootstrap1 下載完了之後,點擊打開文件夾Windows bootstrap2 看到像下面圖像一樣bootstrap-3.3.6-dist的文件嗎? Windows bootstrap3 打開bootstrap-3.3.6-dist
打開之後像下面一樣、用左點擊移動到「下載Windows bootstrap5 確認下載裡有沒有bootstrap-3.3.6-distWindows bootstrap6 如果有的話開開看之後、確認裡面有沒有下面的文件。
  • 「dist > css > bootstrap.min.css」
  • Windows bootstrap7 Windows bootstrap8
  • 「dist > js > bootstrap.min.js」
  • Windows bootstrap9 Windows bootstrap10
  • 「dist > fonts」
  • Windows bootstrap11

確認好了話,參考下面的圖像打開「rails_projects」之後 Make folder2 Windows bootstrap12 Windows bootstrap13 按照下面的表,複製文件。

 選這文字之後點擊「ctrl」跟「c」可以複製文字,點擊「ctrl」跟「v」可以黏贴複製的文字。

Bootstrap裡的文件夾 黏貼文件的 Rails裡的文件夾
dist > css > bootstrap.min.css app > assets > stylesheets
dist > js > bootstrap.min.js app > assets > javascripts
dist > fonts vendor > assets
如果這些設定完了話,為了要適用這些設定的話,編輯
  • 「app > assets > javascripts > application.js」
  • 「app > assets > stylesheets > application.css」
這個兩個文件。加上下面的內容。

 application.js(加15行)
※ 用半母字母數字打入。編輯好了之後,一起點擊「ctrl」跟「s」保存文件的內容。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // compiled file. // // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details // about supported directives. // //= require jquery //= require jquery_ujs //= require bootstrap.min //= require turbolinks //= require_tree .

 application.css加(15行)
※ 用半母字母數字打入。編輯好了之後,一起點擊「ctrl」跟「s」保存文件的內容。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * *= require bootstrap.min *= require_tree . *= require_self */

 到這裡做好了,使用Windows安裝Bootstrap的方法。


 ⑤ : 導入gem的時候的設定


  在這裡解釋,Windows命令提示符上不能安裝「gem」的時候的解決的方法。 Windows gem ssl1 首先打開這個網頁,點擊rubygems-update-2.2.3.gem之後開始下載。 Windows gem ssl2 下載完了之後,點擊打開文件夾確認保存的文件。 Windows gem ssl3 然後打開文件資源管理器、點擊左邊的「此電腦,之後點擊這裡面的Windows(C:)Windows gem ssl4 到這邊,把「下載」文件夾裡剛才下載的文件移動到「Windows(C:)」文件夾裡Windows gem ssl5 那麽打開命令提示符之後、加上設定。打入下面的命令。

 命令提示符(用半母字母數字打入)
1 gem install --local C:¥rubygems-update-2.2.3.gem


 命令提示符(用半母字母數字打入)
1 update_rubygems --no-ri --no-rdoc


 命令提示符(用半母字母數字打入)
1 gem uninstall rubygems-update -x

到這裡的話,最後打入。

 命令提示符(用半母字母數字打入)
1 gem update --system

 這樣可以安裝「gem」了。
 做好這個設定也不能下載的話,參考這裡吧。


 ⑥ : 導入gem的時候的設定②


  在這裡解釋,設定⑤的內容也不能打入「gem」的時候的解決的方法。 Windows gem ssl1 首先打開這個網頁之後,點擊zip開始下載吧。 Windows rubygems ssl1 下載完了之後,點擊打開文件及看看「下載」文件及裡有沒有rubygems-2.?.?的文件。

看到裡面有文件之後,解凍文件。有沒有看到rubygems-2.?.?的文件嗎?
接下在命令提示符上打入設定。首先移動到「下載」文件及裡的「rubygems-2.?.?」文件夾

 命令提示符(用半母字母数字打入)
1 cd C:\Users\[自己的用戶的名字]\Downloads\rubygems-2.?.?\rubygems-2.?.?
Windows rubygems ssl2 移動之後,打入下面的命令吧。

 命令提示符(用半母字母数字打入)
1 ruby setup.rb
Windows rubygems ssl3 顯示下面的畫面的話、下載好了。 Windows rubygems ssl4 在這裡再打入下面的命令吧。

 命令提示符(用半母字母数字打入)
1 gem update --system

 這樣安裝好「gem」了。