Visual Studio Code hacks to boost your edition productivity.

Name: Visual Studio Code hacks to boost your edition productivity.
Rating: 3.0 (84 reviews)

VSCode 2019 tricks and tips, explained components relationships, edition shortcuts and strategies, workflow productivity

Created byAngel Serrano Perez

Last updated 9/2019

English

What you'll learn

⚡️How to edit in fast way with visual studio code 2019.
💡Fast edition in html, css, js, json , csv, txt, etc files.
🐬Navigation between ui components, vs code instances, files , inside the file, etc.
🛠Examples of workflow in navigation and edition.
💰Not repeat yourself while editing ( worth your time ).

Course content

3 sections • 35 lectures • 3h 33m total length

Welcome to this course that will boost your edition productivity in vs code 20191:01
Welcome to visual studio code hacks to boost your edition productivity course.
Why do we make abstractions of the reality?5:36
Understanding why we make abstractions of the reality in order to solve problems and understanding the reality through models that helps to us to make interactions in a safe and more practical way.
How to increase speed reading2:51
Why we have to use better focus in order to improve the speed of reading text.
How to increase typing speed7:10
We can see some properties for fast typing and a program to practice.
How to install visual studio code 20193:22
We will see how we have to do in order to get visual studio code installed in our computer and then execute the program in order to start editing.

User Interface First Sight4:24
First approximation to the user interface of visual studio code 2019 in order to get deeper in next lectures.
Window7:31
We will see basic operations with the window object ( visual studio code instance as a whole ).
Explorer5:59
Different parts of explorer activity bar, how to access and different situations.
Palettes3:15
Different kind of palettes in visual studio code as encoding, workspace, theme, icon, encoding, etc.
Editor2:32
Different parts and situations of an editor object.
Intellisense5:08
What exactly is IntelliSense and relation with snippets.
Layout3:23
Different parts and situations in the layout object of the visual studio user interface.
Saying Hello Exercise3:52
First exercise to play with the visual studio code user interface.
33 File Exercise12:13
Second Exercise to play with the visual studio code user interface.
Splitting layout8:16
We will see the relationship between the summatory of a function that divide by 2 the elements and the layout.
We discover as well how the size of the editor changes depending of the open editors.
Finally we will break visual studio code through splitting the layout.
Settings6:47
How to access to the settings object and different situations.
Selecting sidebars and panels6:09
Playing around with the different panels and sidebars objects.
Menu7:15
How we have to use the menu object, different parts and situations.
Minimap and Breadcrumbs7:24
Explanation about the mini map and breadcrumbs objects.
Accessing Parts3:16
Observation of how we can access different visual studio code user interfaces parts.
Search Activity Bar11:10
Search activity bar explanations with two exercises.
One exercise about multiline search and the other about preserving case in hyphens texts.
Extensions Activity Bar7:17
We will see haw to use the visual studio code extensions activity bar in order to get extensions installed.
We can see 4 extensions related to bookmarks and highlighted text.

Basic movements8:53
Boost your editing speed in Visual Studio Code by mastering basic movements and shortcuts for navigation, editing, and window management, including go to start and end, copy, cut, and paste.
Beautify vs uglify5:50
Discover how to beautify and uglify JavaScript in vscode by formatting with the Beautify extension (shift+option+f) and compressing with ctrl+j, showcasing practical shortcuts.
Emmet expressions14:34
Learn emmet expressions to quickly build HTML structures using child, siblings, and grouping, with numbering and parameters for class, id, and custom properties.
Snippet creation7:22
Learn to create and manage code snippets in Visual Studio Code by configuring a json snippet with name, prefix, scope, description, and body, and navigate options using tab and enter.
Selecting columns by condition4:24
Use awk in the terminal to filter a matrix column by condition, printing column two when its values are between 2 and 8, and saving the results to a file.
Salute5:06
Use regular expressions in the find palette and the sed command with -E to replace hi, hello, alo, and hallo with jj globally, processing salutes.txt and saving to r2.txt.
Name and surname5:04
Learn how to reformat lists of names from surname first to name and surname using regex grouping and find/replace in Visual Studio Code, with keyboard shortcuts to speed up workflow.
Selecting columns6:07
Select the second column from a csv or matrix by aligning data with a transformer extension in vscode, then verify with a terminal cut using a space delimiter.
Wrapping6:38
Wraps selected text in Visual Studio Code using htmlwrap and htmltagwrap extensions to create h1, bold, and an unordered list with list items, using shortcuts like ctrl+shift+command+right and option+w.
Copying lines3:32
Learn how to copy and move lines in Visual Studio Code to boost editing efficiency. Duplicate a line with option+shift+down and move it to the top using option+up.
Delete lines7:10
Discover efficient line deletion in VS Code by selecting all occurrences, deselecting unwanted lines, and using multicursors to delete multiple lines with shortcuts like command+shift+k.
Javascript workflow5:20
Explore a practical JavaScript workflow in VS Code by extracting an inner function, renaming sayhello to hellooo, and commenting the code, then verify with node js in the terminal.
Html Workflow7:49
Create a basic html workflow using emmet, add an h1 and a three-item list, link css, style list items with padding and gold background, and preview with live server.

Requirements

Mac Os (*), Linux or Windows Computer and Visual Studio Code Installed
Desire to Learn and Increase Productivity While Working With Visual Studio Code
Basic edition and coding knowledge in other editors
(*) The shortcuts can change between platforms

Description

We will use graphic abstractions ( mind maps, concept maps, etc ) for explaining different concepts and solving different visual studio code situations.

As english is my second language feel free to put more speed in the explanations.

The goal of this course is that you can have tools for editing in better way through a good understanding about the relations between different components of visual studio code, shortcuts and how-tos strategies in order to boost your edition productivity .

We can see new techniques in the visual studio code 2019 version as:
Preserve case in Search and Replace.
Go to Line supports negative line numbers.
Multi-line search in Find.

This course will be improved constantly with new versions of visual studio code as well with even more strategies.

#VSCode 2019 tricks and tips
#edition shortcuts and strategies
#workflow productivity

Who this course is for:

Developers who want to improve his edition productivity.
Developers who wants to know a general knowledge and inner relationships between components.
Developers who want to improve the way of using vs code.

Visual Studio Code hacks to boost your edition productivity.

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 20min

User Interface of Visual Studio Code.17 lectures • 1hr 46min

Edition hacks and workflows13 lectures • 1hr 28min

Requirements

Description

Who this course is for: