Emacs
vs vi
“wars”, and I kind of imagine why so much time is spend debating the advantages of one versus another.Open folder..
link in the Welcome page. Both will trigger the file picker view.CMD+P
will show you a quick file picker to easily move in files on large projects:CMD+B
.enter
.U
beside each file means that it’s been updated since the last commit (since we never did a commit in the first place, all files are updated).Cmd-Enter
, or clicking the ✔︎ icon on top.markdownlint
extension, which provides linting and syntax checking for Markdown files.alt
attribute on an image. It successfully tells us so:View ➤ Integrated Terminal
, or using CMD+
` and it will open with your default shell.npm
or yarn
process running in the background.View ➤ Command Palette
, or using CMD+SHIFT+P
CMD+P
to see the list of files, before? That’s a shortcut to a specific feature of the Command Palette. There are others:Ctrl-Shift-Tab
shows you the active filesCtrl-G
opens the command palette to let you enter a line number to go toCMD+SHIFT+O
shows the list of symbols found in the current fileCMD-k
+ CMD-t
, or by invoking the Preferences: Color Theme command.Preferences ➤ File Icon Theme
. Ayu comes with its own icons theme, which perfectly matches the theme colors:Preferences ➤ Settings
(also reachable via CMD-,
) to see them:workbench.colorTheme
and workbench.iconTheme
.CMD-+
, and this setting was saved as well to window.zoomLevel
, so the next time VS Code starts up, it remembers my choice for zooming.Option | Description |
---|---|
'editor.minimap.enabled': false | Remove the minimap, which is shown at the right of the editor |
'explorer.confirmDelete': false | Stop asking me for confirmation when I want to remove a file (I have source control!) |
'explorer.confirmDragAndDrop': false | Disable the confirmation for drag and drop |
'editor.formatOnSave': true | Format the code automatically when I save it |
'editor.formatOnPaste': true | Format the code automatically when I paste it in my code |
'javascript.format.enable': true | Enable formatting for JavaScript code |
'files.trimTrailingWhitespace': true | Trim whitespace in files |
'editor.multiCursorModifier': 'alt' | When clicking the Alt key and clicking with the mouse, I can select multiple lines |
'editor.detectIndentation': true | Adapt to the file indentation, useful when editing other people code |
'editor.quickSuggestionsDelay': 0 | Show the code suggestion immediately, not after some seconds |
!
and =>
to nicer symbols:File ➤ Save Workspace as..
menu.File ➤ Add Folder to Workspace
to add a new root folder, which can be located anywhere in the filesystem, but will be shown along with the other existing folder you had.Format Document
and Format Selection
) are available on the Commands Palette to autoformat the code. VS Code by defaults supports automatic formatting for HTML, JavaScript, TypeScript and JSON.CMD-Shift-M
(or choose View ➤ Problems
)Preferences ➤ Keymaps Extensions
menu.rfe
, press TAB and this appears in your editor:Preferences ➤ User Snippets
and follow the instructions to create your own snippets file.code
command is available globally in your command line.code .
.code -n
will create a new window.code --diff file1.js file2.js
.node_modules
. I added this configuration and things looked normal again: