昨天我們示範了touch指令來建立空檔案，今天我們來看看有什麼常用的指令。此外，介紹常用來打文件的 Markdown 語法和畫圖用的 draw.io。

回憶

昨天我們示範了touch指令來建立空檔案，今天我們來看看有什麼常用的指令。此外，介紹常用來打文件的 Markdown 語法和畫圖用的 draw.io。

指令

為什麼要學指令？

指令是很強大的，就只要一行指令，就可以執行常用的操作，像是建立資料夾、預先編輯程式碼、背景執行程式…等，甚至可以集合起來成一聯串的腳本，如：linux .sh 或 windows .cmd。未來我們會透過腳本，打造自己的發佈腳本、備份腳本、執行腳本。

指令怎麼執行？ Shell

shell 是一個存取作業系統服務的使用者介面，如：windowns 有命令提示字元，linux有bash…等。我們說的 指令 通常是指 command-line interface (CLI)，指令文字會打在終端機中(terminal/命令提示字元)。

下面列出一定要認識的指令

  1. cd - 移動當前資料夾
  2. mkdir - 建立資料夾
  3. cp - 拷貝檔案
  4. mv - 移動檔案
  5. rm - 刪除檔案
  6. pwd - 印出當前資料夾
  7. ls/ll(ls -l) - 印出當前資料夾的檔案/資料夾
  8. chmod - 改變檔案/資料夾權限，操作可以看鳥哥的 Linux 私房菜-如何改變檔案屬性與權限
  9. chown - 改變檔案/資料夾擁有者，操作可以看鳥哥的 Linux 私房菜-如何改變檔案屬性與權限

動手做

接下來你可以操作看看，過程只是玩玩看指令，沒有特別的目地。

  1. 我們開啟一個VScode專案，並執行一個terminal
  2. 輸入 pwd 可以知道當前資料夾是在哪，指令的預設目錄是這裡 Screen Shot 2018-10-02 at 7.16.33 PM.png
  3. mkdir src 就會建立src資料夾 Screen Shot 2018-10-02 at 7.19.03 PM.png
  4. touch README.md 建立空的README.md Screen Shot 2018-10-02 at 7.20.41 PM.png
  5. cp README.md src 拷貝README.md到src資料夾 Screen Shot 2018-10-02 at 7.22.46 PM.png
  6. cd src 移動當前資料夾到src，你可以再輸入pwd看看當前資料夾是不是變了 Screen Shot 2018-10-02 at 7.26.05 PM.png
  7. rm README.md 刪除README.md Screen Shot 2018-10-02 at 7.27.06 PM.png
  8. cd .. 回到上一層資料夾。這裡的相對路徑中，.. 指上一層資料夾，.指當前資料夾
  9. ls -l Screen Shot 2018-10-02 at 7.54.20 PM.png

指令要背嗎？

不用刻意背，上網查或指令說明查詢，一般指令都可以查使用說明，常見

1# `rm` 是要查的指令
2rm --help
3rm help
4rm -h
5man rm

上面都有可能可以查看用法，要看製作指令的人怎麼寫。

cmd 常見格式: -- -

-- 或 - 一般指指令選項(options), --常會搭配選項全名, -常會搭配參數簡稱，如下圖的 --version 和-v Screen Shot 2018-10-02 at 7.42.33 PM.png

指令小抄

下面我常用指令

 1# 確保build資料夾存在
 2mkdir -p build
 3
 4# 拷貝resource資料夾(包含裡面的所有檔案/資料夾)
 5cp -R ./resource .src/ 
 6
 7# 刪除build資料夾(包含裡面的所檔案/資料夾)
 8rm -rf build
 9
10# 重新命名並移動
11mv ./README.md ./src/README.bak.md

cheatsheet這網站我很推薦，可以查常用的指令或程式碼的小抄，也可能拿來學一些沒用過的指令或程式碼。

Markdown

前面提到 cheatsheet，那是別人整理好的小抄，你也可以寫屬於自己小抄。不僅如此，Markdown也常被用來寫文章、文件、筆記。

Markdown是用文字和格式來做排版，如下：

1# 第一章
2## 第一節
3* item
4* item

透過Markdown reader 就會變成 Screen Shot 2018-10-02 at 9.42.52 PM.png

為什麼用Markdown？

  1. 文字排版，方便複製、貼上
  2. 文字容易傳送、儲存，也可以像程式碼一樣放入版本管理(version control)工具Git/SVN
  3. 文字資料只須少量的檔案大小

常用語法

我發現 iT幫邦-Markdown說明整理的東西很常用，我只例出必學的。

Markdown 文字： Screen Shot 2018-10-02 at 10.01.30 PM.png

檢視結果如下： Screen Shot 2018-10-02 at 10.00.33 PM.png

Markdown的限制

  1. Markdown 只是文字，不是即可見的，所以要搭配檢視軟體(reader)才能看
  2. 不同的檢視軟體有自己檢視結果，所以會有些許的不同，像是風格、大小
  3. 也因為受於檢視軟體的解讀差異，Markdown 格式語法風格會有差，像是不同縮排或語法中空白的數量，都可能在不同檢視軟體有不同結果或不能正常顯示
  4. 格式語法風格不容易統一
  5. 圖片/檔案資源一般不會放在文件內，要用外部資源，以圖片為例：![圖片無法顯示時文字](URI資源)。不過，還是可以用base64 image文字，把圖片轉成文字再鑲入文件中，但你不會想這麼做的，下面就是一張圖片：Screen Shot 2018-10-03 at 9.04.20 AM.png 。此外，檢視軟體能不能解讀又是另一回事，我用的筆記軟體 Quiver和 VSCode - Markdown All in One 剛好都可以解讀。 
    1![c word](data:image/png;base64,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)

Markdown 怎麼在VSCode中檢視?

前面提到Markdown需要搭配檢視軟體，幸運地 VSCode 的擴展(Extension)有套件可以使用。

  1. 開啟 VSCode 的 Extension的頁簽 Screen Shot 2018-09-18 at 7.38.24 PM.png
  2. 搜尋 markdown，你會看到一堆可以選，基本上有Preview的都可以用 Screen Shot 2018-09-18 at 7.38.40 PM.png
  3. 我是選擇下載人數多的 Markdown All in One Screen Shot 2018-09-18 at 7.39.21 PM.png
  4. 在Markdown文件中，開啟Priview D781E0D8C235C5E84A2BEA3DFA5DE460.png Screen Shot 2018-09-18 at 7.43.18 PM.png

draw.io

draw.io我很推薦的工具之一，就是用來畫圖，可以釐清自己的想法或和別人溝通。 你可以很容易的畫出UML、心智圖(Mind Map)、架構圖…等。例如下面的UML 活動圖： Screen Shot 2018-10-02 at 10.27.03 PM.png

draw.io 有什麼過人之處嗎？

  1. 免費
  2. 可以直接儲存在google drive, dropbox…等雲端空間，也可以本地儲存
  3. 可以匯入匯出，轉存圖檔、PDF，也支援SVG
  4. 支援鍵盤的複製貼上或拖拉，圖片也可以
  5. 共同編輯
  6. 可輸入中文、客製化風格
  7. 元件可群組、快速排版、多選元件設定屬性
  8. 多頁籤
  9. 內件大量元件、也可以自製元件

總結

今天我們介紹常用指令和小抄bash cheatsheet，讀者可以透過Markdown寫自己的專屬小抄、文件。最後，用 draw.io 製圖為文件增加更多色彩。