Productivity Tips & Favorite Extensions for Visual Studio Code
-
Upload
thomas-daly -
Category
Technology
-
view
82 -
download
2
Transcript of Productivity Tips & Favorite Extensions for Visual Studio Code
Visual Studio Code
Productivity Tips & Favorite Extensions
Auto Save• Never worry about saving your work, check this
and it will do it for you after a brief pause
• Works great with watcher’s to recompile/build code automatically.
Integrations with Externals Tools via Tasks• Use one of the already existing task
runners like Make, Ant, Gulp, Jake, Rake and MSBuild
• Running inside VS Code can be helpful to watch them run and analyze their results
• In the Command Palette (Ctrl+Shift+P) you can filter and run tasks
Emmet Snippets• Out of the box support – not an extension• Instantly expand simple abbreviations into complex code • Easily add classes, id, text and other attributes to html tags• Grouping, Numbering, Multiplication, Nesting• Quickly churn out HTML & CSS• Works for HTML 5 and CSS 3
Code Formatting• Out of the Box functionality• I like my code nicely indented and spaced• ALT+SHIFT+F
• There are numerous plugins but I didn’t like them
Even More
Snippets
Resources• Visual Studio Code
• https://code.visualstudio.com
• Visual Studio Code Marketplace• https://marketplace.visualstudio.com/
• vscode-icons• https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
• Jshint• https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint
• HTML CSS Class Completion• https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
• jQuery Code Snippets• https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets
• Emmet Snippets• https://www.smashingmagazine.com/2013/03/goodbye-zen-coding-hello-emmet/