網頁設計-行事曆開發
一、Visual Studio Code文字編輯器
- 官網:https://code.visualstudio.com/
整合Git、終端機 - 下載:https://code.visualstudio.com/#alt-downloads
 - 建議下載「.zip」攜帶版,位元則視電腦版本而定
 
二、編輯器設定
- 做好編輯器設定(php.exe的實際路徑請視實際情況修改)
	
{
    "workbench.startupEditor": "newUntitledFile",
    "git.path": "D:/course/PortableGit/bin/git.exe",
    // 指向 PHP 可執行檔。
    "php.validate.executablePath": "D:/course/UniServerZ/core/php71/php.exe",
}
	
{
	"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",
}
	
{
    "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
}
	
 
三、編輯器套件
四、常用快捷鍵
- Ctrl+N:建立新檔
 - Ctrl+C:複製
 - Ctrl+V:貼上
 - Ctrl+S:儲存
 - Ctrl+F:搜尋
 - Ctrl+Shift+F:跨檔搜尋
 - Ctrl+H:取代
 - Ctrl+/:註解
 - Ctrl+`:開終端機
 - Ctrl+B:關閉左側工具
 - Ctrl+X:刪除目前行
 - Ctrl+G:跳至某行
 - Ctrl+end:跳至檔案結尾
 - Ctrl+Z:回上個動作(復原)
 - Ctrl+Y:回下個動作(再做)
 - shift+alt+F:美化(格式化)語法
 - shift+alt+滑鼠左鍵:區塊標記
 
- 完整快捷鍵整理:https://poychang.github.io/vscode-shortcuts/
 - Emmet語法:https://abgne.tw/web/emmet-tutorial-series-basic.html