2017/12/27

第八天:安裝 Rails 和認識小黑框( 2018 iT邦幫忙鐵人賽-只要有心,人人都可以作卡米狗 )

markdown 今天會安裝 Rails,由於架網站需要用到大量的小黑框,所以今天主要會介紹小黑框。 # 安裝 Rails 先打開小黑框,忘記怎麼打開小黑框了嗎?按一下 `Windows`+`R` 叫出執行,並輸入 `cmd` 然後按`確定`。 ![](https://2.bp.blogspot.com/-5y8O3hv6agI/WkJqAjJngBI/AAAAAAAA_i4/ZN4LV-c_wWcaqim6t6POLdUBx8bQqxhwACLcBGAs/s1600/1.jpg) 輸入 `gem install rails` 然後按 `Enter`。 ![](https://1.bp.blogspot.com/-PUaAZMV1X14/WkJpirV0W8I/AAAAAAAA_i0/G_ttlKJHKmQd-N77iNRcH68t7MCB9a02QCLcBGAs/s1600/1.jpg) ![](https://1.bp.blogspot.com/-Ra7pn-WU1QA/WkJu7zcEnPI/AAAAAAAA_jI/JmsPjnlP39klDHJyKGfBRtci_Xv3-2ZjQCLcBGAs/s1600/2.jpg) 然後就裝好了~! 可以輸入 `rails -v` 檢查是否正確安裝 ![](https://4.bp.blogspot.com/-6kEf8gBTsCE/WkJvpXl8OWI/AAAAAAAA_jQ/9f9xxyhunpMq0iXliHDTHdlBSPDHqlBwQCLcBGAs/s1600/3.jpg) 如果你在這裡失敗的話,請在本文底下留言並附上失敗畫面。 你有注意到嗎?有時候我們安裝軟體的方式是用安裝精靈,安裝精靈就是`下一步`、`下一步`、`下一步`、`完成`的那種。但有時候安裝軟體的方法是開啟小黑框然後輸入一段文字,接下來就自動下載和安裝了。接下來我們會用到更多的小黑框,所以我想先介紹一下關於小黑框的事情。 # 認識小黑框 小黑框的正式名稱叫做命令提示字元,當我們執行 cmd.exe 時就會顯示這個。 ### 尋找小黑框 ![](https://3.bp.blogspot.com/-JFdCzUAUpZw/WkJ01zmLyYI/AAAAAAAA_jk/7cG5ujZnQlAZgMURV77vH9e4hEt-Cj_wACLcBGAs/s1600/3.jpg) 紅框框告訴你 cmd.exe 是放在哪,那我們就用檔案總管去看一下是不是真的在 `C:\WINDOWS\system32\` 資料夾下有 `cmd.exe`。 按下 `Windows`+`E` 開啟檔案總管。 ![](https://3.bp.blogspot.com/-Xr-pnmlDqaM/WkJ3BEdzJyI/AAAAAAAA_jw/jwl8XWfJmvMUsV5zTzuTnHkOfBw0CngdACLcBGAs/s1600/4.jpg) 其實檔案總管跟瀏覽器還蠻像的,都可以直接在網址列上面輸入路徑,我們先點一下網址列。 ![](https://3.bp.blogspot.com/-03A53YHKgIA/WkJ4shCVf6I/AAAAAAAA_j8/8wTezoZCFak_RGXvQ2SRNO6XghqiRmfQACLcBGAs/s1600/5.jpg) 然後輸入 `C:\WINDOWS\system32\`。 ![](https://1.bp.blogspot.com/-OeHNi5s10m8/WkJ418_BGAI/AAAAAAAA_kA/hRKPZmgDGXwmBedanWxEOwajnaYhbicZQCLcBGAs/s1600/6.jpg) 然後按下 `Enter`,就能直接抵達目標資料夾了。這裡檔案數量很多,要仔細找找。 ![](https://3.bp.blogspot.com/-gkkhxzLu8mk/WkJ49df0COI/AAAAAAAA_kE/AnSRqxzrLs0l3rPOqytjstsSPY8wBzqnwCLcBGAs/s1600/7.jpg) 找到囉!點兩下打開看看是不是真的小黑框。 ### 小黑框其實是檔案總管 ![](https://3.bp.blogspot.com/-JFdCzUAUpZw/WkJ01zmLyYI/AAAAAAAA_jk/7cG5ujZnQlAZgMURV77vH9e4hEt-Cj_wACLcBGAs/s1600/3.jpg) 現在我們來看藍框框代表什麼意思,藍框框指的是目前的所在位置。 我們用一樣的方法,從檔案總管過去看看,我們把左邊藍框框的內容(在我的電腦上是 `C:\Users\ETREX` 你的可能是別的)填到檔案總管的網址列上然後按 `Enter`。 ![](https://1.bp.blogspot.com/-vcRIKOjg7rs/WkJ8xwUBrgI/AAAAAAAA_kc/MSu2YQW696Mv9wrapY0JWMLZWCaua__gACLcBGAs/s1600/8.jpg) 我把小黑框放左邊,檔案總管放右邊,讓你看兩個有多像。 現在我們在左邊的小黑框輸入 `dir` ,`dir` 是 directory(目錄)的意思,他會列出在目前位置下的所有資料夾和檔案。 ![](https://1.bp.blogspot.com/-sJ_bEWgNWfA/WkJ9duz8T8I/AAAAAAAA_kw/XtSPUiodkacmiFGwKtxf0DL0ltB1LqfdgCLcBGAs/s1600/9.jpg) 但是他太長了,只能看到最後面。這次我們輸入 `dir /w` ,這個指令可以讓他看起來跟右邊比較像。 ![](https://2.bp.blogspot.com/-Nw4xHlKYB3o/WkJ-ESEIlNI/AAAAAAAA_k4/9Mj2kD3CbYAIHxK7ymZZRd_5frYmpxOLwCLcBGAs/s1600/10.jpg) 看起來有沒有很像!! 我們可以在檔案總管這邊新增一個資料夾叫作「只要有心,人人都可以作卡米狗」,然後再回到左邊重新輸入一次 `dir /w` ![](https://1.bp.blogspot.com/-FgiYQcJOz8Y/WkJ_GhUrPEI/AAAAAAAA_lI/du-XPzU4U50xGB6BAzVEseQPLoHT8uOVQCLcBGAs/s1600/11.jpg) 現在你可以完全理解小黑框其實就是檔案總管,小黑框的藍框框就是檔案總管的網址列,代表目前所在資料夾。 ### 切換資料夾 在小黑框不能用滑鼠,所以所有的操作都是透過指令,像我們輸入 `dir` 就會顯示目前所在資料夾下的資料夾和檔案,所以我們如果想要切換資料夾,也要輸入指令。切換資料夾的指令是 `cd`,意思是 change directory(切換目錄)。 舉例來說,我們在檔案總管想進入剛剛建立好的資料夾「只要有心,人人都可以作卡米狗」,就是點兩下滑鼠就好。那麼在小黑框則是輸入`cd 只要有心,人人都可以作卡米狗`,請注意 `cd` 和 `只要有心,人人都可以作卡米狗`的中間需要一個空白鍵。 ![](https://1.bp.blogspot.com/-7yqw_IfspEM/WkKE8z7V3vI/AAAAAAAA_lk/u6OwyIaxisU7INK36ycZ33lKz6G8puLrgCLcBGAs/s1600/13.jpg) 進入資料夾後必須重新輸入 `dir` 才能看見資料夾的內容。 ![](https://1.bp.blogspot.com/-JfgxWIjzEQk/WkKE09gTeFI/AAAAAAAA_lc/u2ttg26OZtsJmoQ93PU23y7tBd0vmBKLgCLcBGAs/s1600/14.jpg) 在這裡看見左邊有兩個資料夾,一個叫 `.`,另一個叫 `..`,但是右邊卻什麼都沒看到。其實 `.` 代表的是目前資料夾,而 `..` 代表的是上一層資料夾。意思是如果我們想回到上一層,可以輸入 `cd ..`。 ![](https://4.bp.blogspot.com/-kVwXilNfyO0/WkKF2kOpB_I/AAAAAAAA_l0/Pl5xOatsqiQBYT-GdsspO67zY4-WB6enACLcBGAs/s1600/15.jpg) ### 切換硬碟 不知為何,`cd` 指令不能拿來切換硬碟。試著輸入 `cd D:` 卻發現停留在原地。 ![](https://1.bp.blogspot.com/-y9mqoVaNmGs/WkKGXg5fNzI/AAAAAAAA_l8/3YaMxyWbfPEUA4KjSJ7zSYNSNDixZp-mACLcBGAs/s1600/16.jpg) 其實切換硬碟的方式是直接輸入 `D:` 就可以了。 ![](https://1.bp.blogspot.com/-c39Qhra7DOk/WkKHFipLuAI/AAAAAAAA_mI/RP1DQ8Nqh9IdO9ll7kKHAnabIeqv4wB8ACLcBGAs/s1600/17.jpg) ### 快速地開啟一個小黑框在指定的目錄下 其實在檔案總管的網址列輸入 cmd 也可以叫出小黑框,而且這個小黑框會直接幫你切換到和檔案總管一樣的目錄。 像這樣: ![](https://1.bp.blogspot.com/-vN3Map3pIGQ/WkKIMtNcW0I/AAAAAAAA_mU/Hugaei3gf00wWu8UaNhvBz6qAImDCCIfACLcBGAs/s1600/18.jpg) 按下 `Enter` 後就會跳出小黑框了。 ![](https://1.bp.blogspot.com/-2yWJmkKCN4o/WkKISQv9_8I/AAAAAAAA_mY/0Uo9Vfj295AwKRVdNFWTRR8qo_PCccRlQCLcBGAs/s1600/19.jpg) 今天就學到這裡,明天我們就要作網站了。

沒有留言: