User Tools

Site Tools


newdevs:landscape:tools:vscode

New Developers Working Group

VSCode

Useful extensions

  • Filter Line – useful for narrowing down a search through log files
  • Log File Highlighter – color codes different parts of a .log file
  • Angular Language Service
  • Axe Accessibility Linter
  • Bookmarks
  • Better AsciiDoc
  • Compare Folders
  • Git History
  • Git Lens
  • Live Share is used sometimes in New Devs for collaborative work
  • PowerShell
  • Regex Previewer
  • Remote Explorer
  • Remote SSH
  • Rewrap lets you press Alt-Q to automatically wrap lines in commit messages
  • Tab Groups
  • TODO Highlight highlights keywords like TODO

Settings and Configuration

If your server runs Linux and you get an error about the number of files in the workspace, you may need to adjust the inotify file watch limit.

To exclude compiler files from file search results, add **/.angular to the patterns that are excluded from search.

File Associations and Syntax Highlighting

To make VSCode show the correct syntax highlighting for Template Toolkit files, edit your settings.json file to set files.associations as the following:

"files.associations": {
        "*.tt2": "html",
        "*colors.tt2": "perl",
        "*.css.tt2": "css",
    },

*.js.tt2 files are best displayed as HTML or Perl.

HTML in VSCode

VSCode supports Emmet syntax in new files, which can be very helpful for creating quick mockups.

With Emmet, you can quickly wrap a selection in an HTML tag. Press Ctrl-Shift-P to bring up the command palette, then type 'wrap' and press Enter. You will be prompted for the tag you want to wrap your selection with. If Wrap is your most recent command, you will be able to use it again without typing the word 'wrap'; you can just press Ctrl-Shift-P and then Enter when you see 'Emmet:Wrap' highlighted.

Git in VSCode

See the tools page for other editors and development tools.

newdevs/landscape/tools/vscode.txt · Last modified: 2024/08/29 12:05 by sleary

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.