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」了。