育將電腦工作室 - 線上書籍

網頁設計-行事曆開發
==========

一、Visual Studio Code文字編輯器

1. 官網：<https://code.visualstudio.com/>  
   整合Git、終端機
2. 下載：<https://code.visualstudio.com/#alt-downloads>
3. 建議下載「.zip」攜帶版，位元則視電腦版本而定
 
二、編輯器設定

1. 
2. 做好編輯器設定（php.exe的實際路徑請視實際情況修改） ```
  <pre class="brush:as3;">
  {
      "workbench.startupEditor": "newUntitledFile",
      "git.path": "D:/course/PortableGit/bin/git.exe",
      // 指向 PHP 可執行檔。
      "php.validate.executablePath": "D:/course/UniServerZ/core/php71/php.exe",
  }
  ```
  
   ```
  <pre class="brush:as3;">
  {
  	"git.ignoreMissingGitWarning": true,
  	"update.channel": "none",
  	// 控制字型大小 (以像素為單位)。
  	"editor.fontSize": 18,
  	//  控制是否自動換行。
  	"editor.wordWrap": "on",
  	// 控制編輯器是否應自動設定貼上的內容格式。格式器必須可供使用，而且格式器應該能夠設定檔案中一個範圍的格式。
  	"editor.formatOnPaste": true,
  	// 使用滑鼠滾輪並按住 Ctrl 時，縮放編輯器的字型
  	"editor.mouseWheelZoom": true,
  	// 指向 PHP 可執行檔。
  	"php.validate.executablePath": "C:/Users/使用者名稱/xampp/php/php.exe",
  }
  ```
  
   ```
  <pre class="brush:as3;">
  {
      "workbench.startupEditor": "newUntitledFile",
      "git.path": "C:\\soft\\PortableGit\\bin\\git.exe",
      "git.enableSmartCommit": true,
      "editor.minimap.enabled": false,
      "window.zoomLevel": 1,
      // 指向 PHP 可執行檔。
      "php.validate.executablePath": "C:\\Dropbox\\server\\UniServerZ\\core\\php70\\php.exe",
      // 將檔案關聯設定為語言 (例如 `"*.extension": "html"`)。這些語言優先於已安裝語言的預設關聯。
      "files.associations": {
        "*.tpl": "html"
      },
      "editor.tabSize": 2,
      "editor.multiCursorModifier": "ctrlCmd",
      "explorer.confirmDelete": false
  }
  ```
3. 
 
三、編輯器套件

1. [中文語系套件](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hant)
 
四、常用快捷鍵

1. <kbd>Ctrl</kbd>+<kbd>N</kbd>：建立新檔
2. <kbd>Ctrl</kbd>+<kbd>C</kbd>：複製
3. <kbd>Ctrl</kbd>+<kbd>V</kbd>：貼上
4. <kbd>Ctrl</kbd>+<kbd>S</kbd>：儲存
5. <kbd>Ctrl</kbd>+<kbd>F</kbd>：搜尋
6. <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>F</kbd>：跨檔搜尋
7. <kbd>Ctrl</kbd>+<kbd>H</kbd>：取代
8. <kbd>Ctrl</kbd>+<kbd>/</kbd>：註解
9. <kbd>Ctrl</kbd>+<kbd>`</kbd>：開終端機
10. <kbd>Ctrl</kbd>+<kbd>B</kbd>：關閉左側工具
11. <kbd>Ctrl</kbd>+<kbd>X</kbd>：刪除目前行
12. <kbd>Ctrl</kbd>+<kbd>G</kbd>：跳至某行
13. <kbd>Ctrl</kbd>+<kbd>end</kbd>：跳至檔案結尾
14. <kbd>Ctrl</kbd>+<kbd>Z</kbd>：回上個動作（復原）
15. <kbd>Ctrl</kbd>+<kbd>Y</kbd>：回下個動作（再做）
16. <kbd>shift</kbd>+<kbd>alt</kbd>+<kbd>F</kbd>：美化（格式化）語法
17. <kbd>shift</kbd>+<kbd>alt</kbd>+<kbd>滑鼠左鍵</kbd>：區塊標記
 
- 完整快捷鍵整理：<https://poychang.github.io/vscode-shortcuts/>
- Emmet語法：<https://abgne.tw/web/emmet-tutorial-series-basic.html>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown