Visual Studio Code for PHP developers

Makes it clean and pretty code each time you open VS Code to help us all become better engineers! I want to share some important VS Code tips and tricks.

Quickly open files
Keyboard Shortcut:  Ctrl+P

Access all available commands.
Keyboard Shortcut: Ctrl+Shit+P

Navigate between recently opened folders and workspace
Keyboard Shortcut: Ctrl+R

There are many things you can do to customize your code format.

  • Change your theme

Firstly Keyword Shortcut: Ctrl+Shit+P then go to type >theme and select your preference theme.

If you want to add color theme, I recommend Gruvbox Material. It’s totally pretty color theme that I’ve used.

Customize your keyboard shortcuts
Keyboard Shortcut: Ctrl+K Ctrl+S

Search and Install extensions
Keyboard Shortcuts : Ctrl+Shift+X
You can find extensions in the VS Code Marketpalce.

Integrated Terminal
Keyboard Shortcut: Ctrl+`

Toggle SideBar
Keyboard Shordcut: Ctrl+B

Toggle Panel
Keyboard Shordcut: Ctrl+J

Zen mode
Keyboard Shortcut: Ctrl+K Z
Press Esc twice to exit Zen mode.

Move to Explorer window
Keyboard Shortcut: Ctrl+Shit +E

Navigation entire history
Keyboard Shordcut: Ctrl+Tab

Multi Cursor selection
Keyboard Shortcut: Ctrl+Shit+Left

To set cursors above or below the current position use
Keyboard Shortcut: Ctrl+Alt+Up or Ctrl+Alt+Down

Copy line up / down
Keyboard Shortcut: Shift+Alt+Up or Shift+Alt+Down

Code Formatting
Whole document format: Shift+Alt+F

Code Folding
Keyboard Shortcut: Ctrl+Shift+[ or Ctrl+Shift+]

Select Current Line
Keyboard Shortcut: Ctrl+L

Navigate to beginning and end of file
Keyboard Shortcut: Ctrl+Home and Ctrl+End

Move line up and down
Keyboard Shortcut: Alt+Up or Alt+Down

Git integration

Keyboard Shortcut:  Ctrl+Shift+G

You can install other SCM providers from the Extension Marketplace. Most of the time I’m preferred GitLens extension. It’s incredible useful.

Diffs

From the Source Control view, select a file to open the diff.

Views

The default view for diffs is the side by side view.

Toggle inline view by clicking the More Actions (…) button in the top right and selecting Toggle Inline View.

Branches

Easily switch between Git branches via the Status Bar.

Staging

Hover over the number of files and click the plus button.
Click the minus button to unstage changes.

Undo Last Commit

Click the (…) button and then select Undo Last Commit to undo the previous commit. The changes are added to the Staged Changes section.

See Git output

VS Code makes it easy to see what Git commands are actually running. This is helpful when learning Git or debugging a difficult source control issue

Use the Toggle Output command (Ctrl+Shift+U) and select Git in the dropdown.

By Ami



アプリ関連ニュース

お問い合わせはこちら

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833(平日 10:00~17:00)

お問い合わせフォーム