工具 - Visual Studio Code

Visual Studio Code

  • 介於文件編輯器與 IDE 之間
  • Free. Open source. Runs everywhere.
  • 整合 Git
  • 內建 debug GUI 工具
  • 整合表情符號 😄🤔

在 command line 開啟 VS code

  • 安裝 shell command (Mac 才要)
  • code . 或 code [路徑位置]

編輯器環境

  • 主選單 (Menu)
  • 側邊欄 (Sidebar)
  • 編輯器視窗 (Editors)
  • 狀態列 (Status Bar)

外掛

Bootstrap 3 Snippets

說明文件

常用

  • bs3-container
  • bs3-row
  • bs3-col
  • bs3-form
  • bs3-input

使用者設定

  • settings.json
  • 喜好設定 > 使用者設定
  • 快速鍵 Command + ,

Mac 常用快速鍵

  • Command + Shift + P 或 F1: 顯示所有命令 (Command Palette)
  • Command + P: 前往檔案
  • Command + Shift + E:檢視檔案總管
  • Command + Shift + F:檢視搜尋
  • Command + Shift + X:檢視擴充功能
  • Command + F:尋找目前檔案內的字
  • Shift + G: 移至第 N 行
  • Control + `:開啟終端機
  • Control + Command + 空白鍵:開啟表情符號
  • Command + +:放大
  • Command + -:縮小

練習

  • 開啟新的專案
  • 安裝套件

延伸閱讀

results for ""

    No results matching ""