網頁設計-行事曆開發
一、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