第三天-Grid Systems

目標

I . 學習基礎終端機操作——＞創建各種文件和刪除文件夾

II. 學習Grid Systems柵格系統——＞排版

學習基礎終端機操作

主要指令英文

1. pwd 查看路徑 ：我在哪裡

2. ls 列出所有文件 : 我可以往哪裡去

3. cd 切換路徑 : 前進

4. tab 自動補全

5. enter 進入

6. cd 空格 .. ：回到上一層

7. mkdir ＋ 文件名 :創建新的文件夾

8. open 空格 . ：打開

9. mv ＋原本文件名 ＋要更改成的文件名 ：重新命名文件夾

10. rm ＋ 要刪除的文件 ：刪除

11.touch ＋ ___.jpg/word/html.... ：創建各種文件

12. command L : 清除指令

創建各種文件和刪除文件

【asabulu】touch ［aaa.txt］ enter >>>【asabulu】ls enter >>> 【asabulu】rm ［aaa.txt］ enter >>>【asabulu】ls enter

注意：使用終端機刪除文件，刪除文件不會倒垃圾桶，會直接從電腦刪除。

學習Grid Systems柵格系統

排版

<div class="container">

<div class="row">
    <div class="col-xs-12">
        <button type="button" class="btn btn-danger" @click="selectedComponent= 'appQuote'">Quote</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <hr>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <button type="button" class="btn btn-danger" @click="selectedComponent= 'appQuote'">Quote</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-default"  @click="selectedComponent= 'appNew'">New</button>
        <hr>
    </div>
</div>

補充：

1. <div class="container"> container 是容器的意思，就是特別製造出一個空間
2. <div class="row"> row 行
3. <div class="col-xs-12"> col 列 最多12列

螢幕快照 2018-01-02 23.58.28.png