Zachary Palmer

Zachary Palmer

1664847205

Set Up Visual Studio Code (VS Code) for PHP Development

VSCode is the most popular editor by far margin. PHP Is the mostly used language for websites.
In this video we will setup VSCode for PHP Development. Install Extensions, Themes, configure settings and keyboard shortcuts, create our own user snippets and finally synchronize our configuration into github.

Timecodes
00:00 - Intro
01:12 - The themes I use
02:16 - Live server extension
02:27 - PHP Tools sponsorship message
03:54 - Auto close tag extension
04:08 - Auto rename tag extension
04:16 - Code Spell Checker extension
05:42 - Prettier extension
05:56 - RapidAPI Client extension
06:49 - TODO Highlight extension
07:19 - DotENV extension
07:40 - EditorConfig extension
08:00 - Code Runner extension
08:14 - WSL extension
10:24 - Donation Pages
11:00 - PHP Tools & PHP Intelephense extension
12:57 - Composer extension
13:48 - Customize Docblocks in PHP Tools
15:29 - Search Todos using PHP Tools
15:46 - Continues code check in PHP Tools
16:12 - Quick fix feature in PHP Tools
16:53 - Rename/refactor in PHP Tools
17:16 - PHP Awesome Snippets
18:05 - Open project using WSL
18:59 - Create PHP Code snippets
21:58 - My VSCode settings
28:58 - My Keyboard shortcuts
32:57 - Synchronize everything to cloud
33:44 - Outtro

The Most Complete PHP Extension on VSCode.
https://bit.ly/3UU9Fsr 


How To Set Up Visual Studio Code (VS Code) for PHP Development

Introduction

Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems.

With a large collection of extensions for many programming languages, VS Code can be customized to serve a wide variety of development needs. In this guide, you’ll learn how to set up Visual Studio Code for working on PHP projects.

The gif shows the VS Code interface for PHP development

Step 1 — Installing VS Code PHP Extensions for Extra Support

Right after installation, VS Code already recognizes PHP code and helps with syntax highlighting, basic debugging, and code indentation. These features are suitable for quick edits or when working with individual PHP scripts. Working in larger projects, though, can become difficult without more context around the code and how each file interacts and integrates within the larger project.

There are a number of VS Code extensions that can help speed up your productivity when working on PHP projects. In this guide, we’ll install and set up PHP Intelephense, a popular PHP extension for VS Code that provides several advanced features such as improved code completion, better navigation between components, rich information tooltips on mouse hover, code auto formatting, and real time error reporting based on static code analysis.

Open the extensions tab by clicking on the last icon on the left menu bar, or by pressing CTRL + SHIFT + X. This will bring up a sidebar menu with a search box and a list of popular or recommended extensions. Type “php” or “intelephense” to locate the PHP Intelephense extension. Click on the Install button to install and enable the extension.

The gif shows how to access the extensions menu on the left sidebar

Once installation is complete, Intelephense’s official documentation recommends that you disable the built-in PHP Language Features extension that comes with VS Code.

To disable this extension, type @builtin php in the Extensions search box to locate the built-in PHP extensions. Then click on the settings icon for the PHP Language Features extension, and click the Disable option in the drop-down menu.

The gif shows how to disable the builtin PHP Language Features extension

If you have any files open in VS Code, you’ll need to reload the editor to apply the changes.

You can install other extensions by following the same process described for the PHP Intelephense extension, but be aware that some extensions will require additional software to be installed on your system. Check the extension documentation to make sure you have requirements set appropriately.

Step 2 — Importing or Creating a New PHP Project

To import an existing PHP project into VS Code, click on the first icon on the left menu bar or type CTRL + SHIFT + E to access the file explorer. Click the Open Folder button and select your project’s directory. In case you are creating a new project, you can create a new folder and select that as your project directory.

The gif shows how to import a PHP project to VS Code

The explorer window will now show the project’s directory tree, giving you quick access to files and directories on your project.

Step 3 — Customizing Theme and Editor Font (Optional)

Although not necessary, it is often a good idea to customize the appearance of your editor to make it more comfortable to use in the longer term. As a developer you may spend several hours every day looking at an IDE such as VS Code, and for that reason it’s important to make sure the editor font has an appropriate size, and the contrast is enough for good readability without tiring your eyes too quickly.

You may want to experiment with different themes and fonts in order to find a custom setup that works well for you.

Changing VS Code Theme

VS Code comes with a few different themes that allow you to change the colors used in the editor interface and in the code highlighting. Both dark and light styles are included by default.

Go to File -> Preferences -> Color Theme or type CTRL + K + T to select a different theme for VS Code.

The gif shows how to change VS Code theme

You can also install theme extensions to further customize VS Code’s appearance. If you search for theme within the extensions tab (CTRL + SHIFT + X), you’ll find several theme extensions in different styles and colors, including color schemes ported from other popular editors and platforms.

Adjusting the Font

Although the default VS Code font settings will be good enough for many users, you may want to adjust the size and the type of the editor font for increased readability.

If you would like to modify the font size or change to another type, you can go to File -> Preferences -> Settings, then choose Text Editor on the left menu. Then, click on Font in the submenu that opens up. That section contains font family and size settings which you can tweak as preferred.

The gif shows how to change VS Code editor font size

The changes are immediately saved and applied to all current open files.

Conclusion

Visual Studio Code is a lightweight yet powerful code editor that can be customized to suit the needs of most developers. In this guide, you learned how to install and configure the PHP Intelephense extension for extra support while working on PHP projects, how to import and create new projects within VS Code, and how to customize the editor appearance for a more comfortable coding experience.

#php #vscode #visualstudiocode

Set Up Visual Studio Code (VS Code) for PHP Development
Louis Jones

Louis Jones

1664163980

Learn Visual Studio Code: Beginner to Advanced

Visual Studio Code Full Course for Beginners. Learn Visual Studio Code, the most powerful code editor for web development and more.

Timestamps:
00:00 - Intro to the Course
02:35 - What will you learn in this VS Code Course
07:57 - What is Visual Studio Code & Why us it
12:05 - Download and Install VS Code on Mac & PC
16:09 - Visual Studio Code Basic UI Orientation
21:56 - Creating  Opening  Editing  Deleting Project Folders and Files in Visual Studio Code
26:36 - How to Save and Auto Save in Visual Studio Code
30:58 - Changing the Display Language in Visual Studio Code
37:04 - Mini Map, Word Wrap, Zoom and Font Size
43:30 - How to Updates Visual Studio Code
45:55 - Increase Productivity in Visual Studio Code using IntelliSense
50:18 - Emmet HTML & CSS Shortcuts
01:08:05 - Find and Replace in Visual Studio Code
01:13:08 - Navigate the Code in Visual Studio Code
01:21:56 - Introduction to Visual Studio Code Extensions
01:26:33 - Visual Studio Code Essential Extensions
01:40:45 - Visual Studio Code Optional Extensions
01:56:20 - Visual Studio Code Environmental Specific Extensions
02:10:06 - Visual studio code productivity snippets
02:30:10 - Visual Studio Code Essential Keyboard Shortcuts
02:35:27 - Create you own Keyboard Shortcuts & New File Extension in Visual Studio Code
02:36:56 - Import other Keymap extensions
02:38:09 - Visual Studio Code custom Color Themes
02:42:54 - Extensions for Custom Themes and Icons
02:46:46 - Customizing your own Theme in  Visual Studio Code
02:47:53 - Learn Visual Studio Code  Terminal
02:54:11 - How to setup Sync in visual studio Code
03:00:55 - Setting up Node.js in Visual Studio Code
03:06:04 - What is React.js
03:07:28 - How to install React in visual Studio code
03:09:49 - What is Angular
03:10:28 - Installing Angular in visual studio code
03:14:04 - What is Vue
03:15:05 - Install Vue js in visual studio code
03:17:20 - What is Python
03:18:23 - Setting up Python

#visualstudiocodecourse #vscode

Learn Visual Studio Code: Beginner to Advanced
Joseph  Norton

Joseph Norton

1663902474

Learn Data Science with GitHub CoPilot

Learn Data Science from SCRATCH (with GitHub CoPilot) with Burke!

What is Copilot?

Simply put, GitHub Copilot is an AI tool that provides you code suggestions based on comments and the context of the file you’re editing.

Copilot is the result of a collaboration between GitHub and OpenAI, which is heavily backed by Microsoft. It’s powered by a brand new AI system named Codex, which is based on the GPT-3 model.

GPT-3 stands for the third generation of the Generative Pre-trained Transformer — a language model capable of generating sequences of text from simple prompts. Codex is derived from this model, which is capable not only of text, but also code generation in some of the most popular languages.

Copilot has been trained with billions of lines of code from publicly available repositories on GitHub, so your code has probably improved this AI tool in some way (we’ll get into details later).

Although it supports most programming languages, it currently works the best with Python, JavaScript, TypeScript, Ruby, and Go.

Learn Data Science from SCRATCH: Part 1 - Getting Started

Learn Data Science from SCRATCH: Part 2 - Let's make a chart

Learn Data Science from SCRATCH: Part 3 - Data Science!

Resources: 
Microsoft Docs: https://aka.ms/learn-data-science 
 

#vscode #visualstudiocode #datascience 

Learn Data Science with GitHub CoPilot
Riley Lambert

Riley Lambert

1663292578

Working with Jupyter Notebooks in Visual Studio Code

Playing with Data in Jupyter Notebooks with VS Code

Jupyter notebooks are very popular in data science communities and are a great way to develop and share code. Did you know they work great in VS Code? We will look at notebook-based workflows in VS Code, with plenty of tips and tricks to make your coding faster and prettier!

Chapters:
00:00 Livestream begins
00:30 Welcome to the VS Code Livestream
02:12 Throwback TikTok Thursday
03:18 Welcome Dr. Sarah Kaiser
03:52 What is Jupyter Notebooks
07:05 Demo: Jupyter Notebooks with VS Code
56:16 Lightning round questions
57:58 Follow and Subscribe

#jupyter #datascience #vscode #visualstudiocode

Working with Jupyter Notebooks in Visual Studio Code
John David

John David

1661485585

Top Visual Studio Code Tips and Tricks You Must Know

Learn how to be productive with Visual Studio Code with Collection of helpful Tips & Tricks for VS Code

 

Table of Contents

  1. Basics
  2. Customization
  3. Extensions
  4. File and folder management
  5. Editing hacks
  6. IntelliSense
  7. Snippets
  8. Git integration
  9. Debugging
  10. Task runner
  11. Other Resources

The key bindings below may or may not be accurate with the latest build. See here for the latest keyboard shortcut reference.

Basics

Insider Version of VS Code

The Visual Studio Code team uses the Insiders version to test the latest features and bug fixes of VS Code. You can use this same version by downloading here.

  • For Early Adopters - Insiders has the most recent code changes and may lead to the occasional broken build.
  • Frequent Builds - New builds everyday with the latest bug fixes and features.
  • Side-by-side install - Insiders installs next to the Stable build allowing you to use either independently.

Getting Started

Open the Welcome page to get started with the basics of VS Code. Help > Welcome.

welcome page

Includes the Interactive Playground.

errors and warnings

Command Palette

Access all available commands based on your current context.

Mac: cmd+shift+p or f1

Windows / Linux: ctrl+shift+p or f1

command palette

Reference keybindings

All of the commands are in the Command Palette with the associated key binding (if it exists). If you forget what the key binding is use the Command Palette to help you out.

keyboard references

Quick open

Quickly open files.

Mac: cmd+p

Windows / Linux: ctrl+p

Quick Open

Tip: Type "?" to view help suggestions.

Navigate between recently opened files

Repeat the Quick Open keyboard shortcut to cycle quickly between recently opened files.

Open multiple files from Quick Open

You can open multiple files from Quick Open by pressing the Right arrow key. This will open the currently selected file in the background and you can continue selecting files from Quick Open.

CLI tool

Linux: Follow instructions here.

Windows: Follow instructions here.

Mac: see below.

Open the Command Palette (F1) and type "shell command". Hit enter to execute Shell Command: Install 'code' command in PATH.

shell command
# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# see help options
code --help

# disable all extensions
code --disable-extensions .
all cli commands

.vscode folder

Workspace specific files are in .vscode. For example, tasks.json for the Task Runner and launch.json for the debugger.

Status Bar decorations

Errors and Warnings

Mac: shift+cmd+m

Windows / Linux: ctrl+shift+m

Quickly jump to errors and warnings in the project.

Cycle through errors with f8 or shift+f8

errors and warnings

You can filter problems by type ('errors', 'warnings') or text matching.

Change language mode

Mac: cmd+k m

Windows / Linux: ctrl+k m

change syntax

If you want to persist the new language mode for that file type, you can use the Configure File Association for ... command to associate the current file extension with an installed language.

Customization

There are many things you can do to customize VS Code.

  • Change your theme
  • Change your keyboard shortcuts
  • Tune your settings
  • Add JSON validation
  • Create snippets
  • Install extensions

Check out the full documentation.

Change your theme

Open the Command Palette and type "themes". You can install more themes from the extension Marketplace.

Preview themes

Additionally, you can install and change your File Icon themes.

File icon themes

Change your keyboard shortcuts

Keyboard Reference Sheets

Download the keyboard shortcut reference sheet for your platform (macOS, Windows, Linux).

Keyboard Reference Sheet

Keymaps

Are you used to keyboard shortcuts from another editor? You can install a Keymap extension that brings the keyboard shortcuts from your favorite editor to VS Code. Go to Preferences > Keymap Extensions to see the current list on the Marketplace. Some of the more popular ones:

Customize your keyboard shortcuts

Open the Command Palette and type "keyboard shortcuts." You can now add your own keybindings in the file on the right.

customize keyboard shortcuts

See more in Key Bindings for Visual Studio Code.

Tune your settings

Open settings.json

Mac: cmd+,

Windows / Linux: File > Preferences > Settings or ctrl+,

Format on paste

"editor.formatOnPaste": true

Change the font size

"editor.fontSize": 18

Change the zoom level

"window.zoomLevel": 5

Font ligatures

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

Tip: You will need to have a font installed that supports font ligatures. FiraCode is a popular font on the VS Code team.

font ligatures

Auto Save

"files.autoSave": "afterDelay"

You can also toggle Auto Save from the top-level menu with the File > Auto Save.

Format on save

"editor.formatOnSave": true,

Change the size of tab characters

"editor.tabSize": 4

Spaces or tabs

"editor.insertSpaces": true

Render whitespace

"editor.renderWhitespace": "all"

Ignore files / folders

Removes these files / folders from your editor window.

"files.exclude": {
        "somefolder/": true,
        "somefile": true
}

Remove these files / folders from search results.

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

And many, many others.

Language specific settings

For those settings you only want for specific languages.

"[languageid]": {

}

Tip: You can find the language ID by typing in the Command Palette "Configure language specific settings"

language based settings

Add JSON Validation

Enabled by default for many files. Create your own schema and validation in settings.json

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    }
]

or for a schema defined in your workspace

"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

or a custom schema

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    },

See more in the documentation.

Extensions

Find extensions

  1. In the VS Code Marketplace.
  2. Search inside VS Code
  3. View extension recommendations
  4. Community curated extension lists, such as awesome-vscode

Install extensions

Click the Extensions Activity Bar button. You can search via the search bar or click the More (...) button to filter and sort by install count.

install extensions

Extension recommendations

Click the Extensions Activity Bar button. Then click Show Recommended Extensions in the More (...) button menu.

show recommended extensions

Creating my own extension

Are you interested in creating your own extension? You can learn how to do this in the documentation, specifically check out the documentation on contribution points. A simple "Hello, world" tutorial can be found here.

  • configuration
  • commands
  • keybindings
  • languages
  • debuggers
  • grammars
  • themes
  • snippets
  • jsonValidation

File and folder management

Integrated terminal

Windows / Linux / Mac: ctrl+`

Integrated terminal

Auto Save

Open settings.json with cmd+,

"files.autoSave": "afterDelay"

You can also toggle Auto Save from the top-level menu with the File > Auto Save.

Toggle Sidebar

Mac: cmd+b

Windows / Linux: ctrl+b

toggle side bar

Zen Mode

Mac: cmd+k z

Windows / Linux: ctrl+k z

zen mode

Enter distraction free Zen mode.

Side by side editing

Mac: cmd+\ or cmd then click a file from the File Explorer.

Windows / Linux: ctrl+\

Linux: ctrl+2

split editors

You can use drag and drop editors to create new editor groups and move editors between groups.

Switch between editors

Mac: cmd+1, cmd+2, cmd+3

Windows / Linux: ctrl+1, ctrl+2, ctrl+3

navigate editors

Move to Explorer window

Mac: cmd+shift+e

Windows / Linux: ctrl+shift+e

Create and open a file

Mac: cmd+click

Windows / Linux: ctrl+click

create and open file

Close the currently opened folder

Mac: cmd+w

Windows / Linux: ctrl+k f

History

Navigate entire history with ctrl+tab

Navigate back.

Mac: ctrl+-

Windows / Linux: alt+left

Navigate Forward.

Mac: ctrl+shift+-

Windows / Linux: alt+right

navigate history

Navigate to a file

Mac: cmd+e or cmd+p

Windows / Linux: ctrl+e or ctrl+p

navigate to file

File associations

Create language associations for files that aren't detected accurately (for example, many config files are JSON).

"file.associations": {
    ".database": "json"
}

Editing hacks

Here are a selection of common features for editing code. If the keyboard shortcuts aren't comfortable for you, consider installing a Keymap extension for your old editor.

Multi cursor selection

Mac: opt+cmd+up or opt+cmd+down

Windows: ctrl+alt+up or ctrl+alt+down

Linux: alt+shift+up or alt+shift+down

multi cursor
multi cursor second example

Add more cursors to current selection.

add cursor to all occurrences of current selection

Join line

Mac: ctrl+j

Windows / Linux: Not bound by default. Open Keyboard Shortcuts and bind editor.action.joinLines to a shortcut of your choice.

Join lines

Copy line up / down

Mac: opt+shift+up or opt+shift+down

Windows / Linux(Issue #5363): shift+alt+down or shift+alt+up

copy line down

Shrink / expand selection

More in documentation

Mac: ctrl+shift+cmd+left or ctrl+shift+cmd+right

Windows / Linux: shift+alt+left or shift+alt+right

shrink expand selection

Go to Symbol in File

Mac: cmd+shift+o

Windows / Linux: ctrl+shift+o

Find by symbol

You can group the symbols by kind by adding a colon, @:.

group symbols by kind

Go to Symbol in Workspace

Mac: cmd+t

Windows / Linux: ctrl+t

go to symbol in workspace

Navigate to a specific line

Mac: ctrl+g or cmd+p, :

Windows / Linux: ctrl+g

navigate to line

Undo cursor position

Mac: cmd+u

Windows / Linux: ctrl+u

undo cursor position

Move line up and down

Mac: opt+up or opt+down

Windows / Linux: alt+up or alt+down

move line up and down

Trim trailing whitespace

Mac: cmd+k cmd+x

Windows / Linux: ctrl+k ctrl+x

trailing whitespace

Code formatting

Currently selected source code

Mac: cmd+k, cmd+f

Windows / Linux: ctrl+k, ctrl+f

Whole document format

Windows / Linux: shift+alt+f

code formatting

Code folding

Mac: alt+cmd+[ and alt+cmd+]

Windows / Linux: ctrl+shift+[ and ctrl+shift+]

code folding

Select current line

Mac: cmd+i

Windows / Linux: ctrl+i

select current line

Navigate to beginning and end of file

Mac: cmd+up and cmd+down

Windows: ctrl+up and ctrl+down

Linux: ctrl+home and ctrl+end

navigate to beginning and end of file

Open Markdown Preview

In a Markdown file, use

Mac: shift+cmd+v

Windows / Linux: ctrl+shift+v

toggle readme preview

Side by Side Markdown Edit and Preview

In a Markdown file, use

Mac: cmd+k v

Windows / Linux: ctrl+k v

Special bonus: The preview will now sync.

markdown sync

IntelliSense

Anytime, try ctrl+space to trigger the Suggestions widget.

intellisense

You can view available methods, parameter hints, short documentation, etc.

Peek

Select a symbol then type alt+f12. Alternatively, you can use the context menu.

peek

Go to Definition

Select a symbol then type f12. Alternatively, you can use the context menu or ctrl+click (cmd+click on macOS).

go to definition

You can go back to your previous location with the Go > Back command or alt+left (ctrl+- on macOS).

Find All References

Select a symbol then type shift+f12. Alternatively, you can use the context menu.

find all references

Rename Symbol

Select a symbol then type f2. Alternatively, you can use the context menu.

rename symbol

.eslintrc.json

Install the ESLint extension. Configure your linter however you'd like. Specification is here.

Here is configuration to use ES6.

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
            "classes": true,
            "defaultParams": true
        }
    },
    "rules": {
        "no-const-assign": 1,
        "no-extra-semi": 0,
        "semi": 0,
        "no-fallthrough": 0,
        "no-empty": 0,
        "no-mixed-spaces-and-tabs": 0,
        "no-redeclare": 0,
        "no-this-before-super": 1,
        "no-undef": 1,
        "no-unreachable": 1,
        "no-use-before-define": 0,
        "constructor-super": 1,
        "curly": 0,
        "eqeqeq": 0,
        "func-names": 0,
        "valid-typeof": 1
    }
}

package.json

See IntelliSense for your package.json file.

package json intellisense

Emmet syntax

Support for Emmet syntax.

emmet syntax

Snippets

Create custom snippets

File > Preferences > User Snippets, select the language, and create a snippet.

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "    render() {",
        "        return ($2);",
        "     }",
        "",
        "}"
    ]
},

See more details in Creating your own Snippets.

Git Integration

Git integration comes with VS Code "in-the-box". You can install other SCM provider from the extension Marketplace. This section describes the Git integration but much of the UI and gestures are shared by other SCM providers.

Diffs

Click the Source Control button in the Activity Bar then select the file to diff.

git icon

Side by side

Default is side by side diff.

git diff side by side

Inline view

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

more git button
git inline

If you prefer the inline view, you can set "diffEditor.renderSideBySide": false.

Review Pane

Navigate through diffs with F7 and Shift+F7. This will present them in a unified patch format. Lines can be navigated with arrow keys and pressing Enter will jump back in the diff editor and the selected line.

diff_review_pane

Edit pending changes

You can make edits directly in the pending changes of the diff view.

Branches

Easily switch between Git branches via the Status Bar.

switch branches

Staging

Stage all

Hover over the number of files and click the plus button.

git stage all

Stage selected

Stage a portion of a file by selecting that file (using the arrows) and then choosing Stage Selected Ranges from the Command Palette.

git stage selected

Undo last commit

undo last commit

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.

Mac: shift+cmd+u

Windows / Linux: ctrl+shift+u

to run toggleOutput. Select Git in the drop-down.

Gutter indicators

View diff decorations in editor. See documentation for more details.

git gutter indicators

Resolve merge conflicts

During a merge, click the Source Control button in the Activity Bar and make changes in the diff view. Select and accept current, incoming or both changes in just one click.

git icon
resolve merge conflicts

Setup VS Code as default merge tool

git config --global merge.tool code

Pull request extension

Review pull requests inside vscode vscode-pull-request-github

Debugging

Configure debugger

f1 and select Debug: Open launch.json, select the environment. This will generate a launch.json file. Works out of the box as expected for Node.js and other environments. May need some additional configuration for other languages. See documentation for more details.

configure debugging

Breakpoints and stepping through

Place breakpoints next to the line number. Navigate forward with the Debug widget.

debug

Data inspection

Inspect variables in the Debug panels and in the console.

data inspection

Inline values

You can set "debug.inlineValues": true to see variable values inline in the debugger. This feature is experimental and disabled by default.

Task Runner

Auto detect tasks

Select Tasks from the top-level menu, run the command Configure Tasks..., then select the type of task you'd like to run. This will generate a tasks.json file with content like the following. See the Tasks documentation for more details.

{
    // See http://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "always",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "install",
            "args": ["install"]
        },
        {
            "taskName": "build",
            "args": ["run", "build"]
        }
    ]
}

There are occasionally issues with auto generation. Check out the documentation for getting things to work properly.

Run tasks from the Tasks menu

Select Tasks from the top-level menu, run the command Run Task..., and select the task you want to run. Terminate the running task by running the command Terminate Task...

task runner

Other Resources

Download Details: 
Author: microsoft
Source Code: https://github.com/microsoft/vscode-tips-and-tricks 

#vscode #visualstudiocode 

Top Visual Studio Code Tips and Tricks You Must Know
Dylan  Iqbal

Dylan Iqbal

1661480624

VSCode Tips & Tricks: Collection of Helpful Tips & Tricks for VS Code

This tutorial shows a collection of helpful Tips & Tricks for VS Code. Learn how to be productive with Visual Studio Code with Collection of helpful Tips & Tricks for VS Code

"Tips and Tricks" lets you jump right in and learn how to be productive with Visual Studio Code. You'll become familiar with its powerful editing, code intelligence, and source code control features and learn useful keyboard shortcuts. This topic goes pretty fast and provides a broad overview, so be sure to look at the other in-depth topics in Getting Started and the User Guide to learn more.

If you don't have Visual Studio Code installed, go to the Download page. You can find platform specific setup instructions at Running VS Code on Linux, macOS, and Windows.

Basics

Getting started

The best way of exploring VS Code hands-on is to open the Get Started page. You will get an overview of VS Code's customizations and features. Help > Get Started.

Get Started page

Pick a Walkthrough for a self-guided tour through the setup steps, features, and deeper customizations that VS Code offers. As you discover and learn, the walkthroughs track your progress.

If you are looking to improve your code editing skills open the Interactive Editor Playground. Try out VS Code's code editing features, like multi-cursor editing, IntelliSense, Snippets, Emmet, and many more. Help > Editor Playground.

Interactive editor playground

Command Palette

Access all available commands based on your current context.

Keyboard Shortcut: Ctrl+Shift+P

Command Palette

Default keyboard shortcuts

All of the commands are in the Command Palette with the associated key binding (if it exists). If you forget a keyboard shortcut, use the Command Palette to help you out.

keyboard references

Keyboard reference sheets

Download the keyboard shortcut reference sheet for your platform (macOS, Windows, Linux).

Keyboard Reference Sheet

Quick Open#

Quickly open files.

Keyboard Shortcut: Ctrl+P

Quick Open

Tip: Type ? to view commands suggestions.

Quick Open command list

Typing commands such as edt and term followed by a space will bring up dropdown lists.

term command in Quick Open

Navigate between recently opened files

Repeat the Quick Open keyboard shortcut to cycle quickly between recently opened files.

Open multiple files from Quick Open

You can open multiple files from Quick Open by pressing the Right arrow key. This will open the currently selected file in the background and you can continue selecting files from Quick Open.

Navigate between recently opened folders and workspaces

Open Recent

Keyboard Shortcut: Ctrl+R

Displays a Quick Pick dropdown with the list from File > Open Recent with recently opened folders and workspaces followed by files.

Command line

VS Code has a powerful command line interface (CLI) which allows you to customize how the editor is launched to support various scenarios.

Make sure the VS Code binary is on your path so you can simply type 'code' to launch VS Code. See the platform specific setup topics if VS Code is added to your environment path during installation (Running VS Code on Linux, macOS, Windows).

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions 

.vscode folder

Workspace specific files are in a .vscode folder at the root. For example, tasks.json for the Task Runner and launch.json for the debugger.

Status Bar

Errors and warnings

Keyboard Shortcut: Ctrl+Shift+M

Quickly jump to errors and warnings in the project.

Cycle through errors with F8 or Shift+F8

errors and warnings

You can filter problems either by type ('errors', 'warnings') or text matching.

Change language mode

Keyboard Shortcut: Ctrl+K M

change syntax

If you want to persist the new language mode for that file type, you can use the Configure File Association for command to associate the current file extension with an installed language.

Customization

There are many things you can do to customize VS Code.

  • Change your theme
  • Change your keyboard shortcuts
  • Tune your settings
  • Add JSON validation
  • Create snippets
  • Install extensions

Change your theme

Keyboard Shortcut: Ctrl+K Ctrl+T

You can install more themes from the VS Code extension Marketplace.

Preview themes

Additionally, you can install and change your File Icon themes.

File icon themes

Keymaps

Are you used to keyboard shortcuts from another editor? You can install a Keymap extension that brings the keyboard shortcuts from your favorite editor to VS Code. Go to Preferences > Migrate Keyboard Shortcuts from... to see the current list on the Marketplace. Some of the more popular ones:

Customize your keyboard shortcuts

Keyboard Shortcut: Ctrl+K Ctrl+S

keyboard shortcuts

You can search for shortcuts and add your own keybindings to the keybindings.json file.

customize keyboard shortcuts

See more in Key Bindings for Visual Studio Code.

Tune your settings

By default VS Code shows the Settings editor, you can find settings listed below in a search bar, but you can still edit the underlying settings.json file by using the Open Settings (JSON) command or by changing your default settings editor with the workbench.settings.editor setting.

Open User Settings settings.json

Keyboard Shortcut: Ctrl+,

Change the font size of various UI elements

// Main editor
"editor.fontSize": 18,
// Terminal panel
"terminal.integrated.fontSize": 14,
// Output panel
"[Log]": {
    "editor.fontSize": 15
}

Change the zoom level

"window.zoomLevel": 5

Font ligatures

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

Tip: You will need to have a font installed that supports font ligatures. FiraCode is a popular font on the VS Code team.

font ligatures

Auto Save

"files.autoSave": "afterDelay"

You can also toggle Auto Save from the top-level menu with the File > Auto Save.

Format on save

"editor.formatOnSave": true

Format on paste

"editor.formatOnPaste": true

Change the size of Tab characters

"editor.tabSize": 4

Spaces or Tabs

"editor.insertSpaces": true

Render whitespace

"editor.renderWhitespace": "all"

Whitespace characters are rendered by default in text selection.

Ignore files / folders

Removes these files / folders from your editor window.

"files.exclude": {
    "somefolder/": true,
    "somefile": true
}

Remove these files / folders from search results.

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

And many, many other customizations.

Language specific settings

You can scope the settings that you only want for specific languages by the language identifier. You can find a list of commonly used language IDs in the Language Identifiers reference.

"[languageid]": {

}

Tip: You can also create language specific settings with the Configure Language Specific Settings command.

language based settings

Add JSON validation

Enabled by default for many file types. Create your own schema and validation in settings.json

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "https://json.schemastore.org/bower"
    }
]

or for a schema defined in your workspace

"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

or a custom schema

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    }
]

See more in the JSON documentation.

Extensions

Keyboard Shortcut: Ctrl+Shift+X

Find extensions

  1. In the VS Code Marketplace.
  2. Search inside VS Code in the Extensions view.
  3. View extension recommendations
  4. Community curated extension lists, such as awesome-vscode.

Install extensions

In the Extensions view, you can search via the search bar or click the More Actions (...) button to filter and sort by install count.

install extensions

Extension recommendations

In the Extensions view, click Show Recommended Extensions in the More Actions (...) button menu.

show recommended extensions

Creating my own extension

Are you interested in creating your own extension? You can learn how to do this in the Extension API documentation, specifically check out the documentation on contribution points.

  • configuration
  • commands
  • keybindings
  • languages
  • debuggers
  • grammars
  • themes
  • snippets
  • jsonValidation

Files and folders

Integrated Terminal

Keyboard Shortcut: Ctrl+`

Integrated terminal

Further reading:

Toggle Sidebar

Keyboard Shortcut: Ctrl+B

toggle side bar

Toggle Panel

Keyboard Shortcut: Ctrl+J

Zen mode

Keyboard Shortcut: Ctrl+K Z

zen mode

Enter distraction free Zen mode.

Press Esc twice to exit Zen Mode.

Side by side editing

Keyboard Shortcut: Ctrl+\

You can also drag and drop editors to create new editor groups and move editors between groups.

split editors

Switch between editors

Keyboard Shortcut: Ctrl+1, Ctrl+2, Ctrl+3

navigate editors

Move to Explorer window

Keyboard Shortcut: Ctrl+Shift+E

Create or open a file

Keyboard Shortcut: Ctrl+click (Cmd+click on macOS)

You can quickly open a file or image or create a new file by moving the cursor to the file link and using Ctrl+click.

create and open file

Close the currently opened folder

Keyboard Shortcut: Ctrl+K F

Navigation history

Navigate entire history: Ctrl+Tab

Navigate back: Alt+Left

Navigate forward: Alt+Right

navigate history

File associations

Create language associations for files that aren't detected correctly. For example, many configuration files with custom file extensions are actually JSON.

"files.associations": {
    ".database": "json"
}

Preventing dirty writes

VS Code will show you an error message when you try to save a file that cannot be saved because it has changed on disk. VS Code blocks saving the file to prevent overwriting changes that have been made outside of the editor.

In order to resolve the save conflict, click the Compare action in the error message to open a diff editor that will show you the contents of the file on disk (to the left) compared to the contents in VS Code (on the right):

dirty write

Use the actions in the editor toolbar to resolve the save conflict. You can either Accept your changes and thereby overwriting any changes on disk, or Revert to the version on disk. Reverting means that your changes will be lost.

Note: The file will remain dirty and cannot be saved until you pick one of the two actions to resolve the conflict.

Editing hacks

Here is a selection of common features for editing code. If the keyboard shortcuts aren't comfortable for you, consider installing a keymap extension for your old editor.

Tip: You can see recommended keymap extensions in the Extensions view by filtering the search to @recommended:keymaps.

Multi cursor selection

To add cursors at arbitrary positions, select a position with your mouse and use Alt+Click (Option+Click on macOS).

To set cursors above or below the current position use:

Keyboard Shortcut: Ctrl+Alt+Up or Ctrl+Alt+Down

multi cursor

You can add additional cursors to all occurrences of the current selection with Ctrl+Shift+L.

add cursor to all occurrences of current selection

Note: You can also change the modifier to Ctrl/Cmd for applying multiple cursors with the editor.multiCursorModifier setting . See Multi-cursor Modifier for details.

If you do not want to add all occurrences of the current selection, you can use Ctrl+D instead. This only selects the next occurrence after the one you selected so you can add selections one by one.

add cursor to next occurrences of current selection one by one

Column (box) selection

You can select blocks of text by holding Shift+Alt (Shift+Option on macOS) while you drag your mouse. A separate cursor will be added to the end of each selected line.

Column text selection

You can also use keyboard shortcuts to trigger column selection.

Vertical rulers

You can add vertical column rulers to the editor with the editor.rulers setting, which takes an array of column character positions where you'd like vertical rulers.

{
  "editor.rulers": [20, 40, 60]
}
Editor rulers in the editor

Fast scrolling

Pressing the Alt key enables fast scrolling in the editor and Explorers. By default, fast scrolling uses a 5X speed multiplier but you can control the multiplier with the Editor: Fast Scroll Sensitivity (editor.fastScrollSensitivity) setting.

Copy line up / down

Keyboard Shortcut: Shift+Alt+Up or Shift+Alt+Down

The commands Copy Line Up/Down are unbound on Linux because the VS Code default keybindings would conflict with Ubuntu keybindings, see Issue #509. You can still set the commands editor.action.copyLinesUpAction and editor.action.copyLinesDownAction to your own preferred keyboard shortcuts.

copy line down

Move line up and down

Keyboard Shortcut: Alt+Up or Alt+Down

move line up and down

Shrink / expand selection

Keyboard Shortcut: Shift+Alt+Left or Shift+Alt+Right

shrink expand selection

You can learn more in the Basic Editing documentation.

Go to Symbol in File

Keyboard Shortcut: Ctrl+Shift+O

Find by symbol

You can group the symbols by kind by adding a colon, @:.

group symbols by kind

Go to Symbol in Workspace

Keyboard Shortcut: Ctrl+T

go to symbol in workspace

Outline view

The Outline view in the File Explorer (default collapsed at the bottom) shows you the symbols of the currently open file.

Outline view

You can sort by symbol name, category, and position in the file and allows quick navigation to symbol locations.

Navigate to a specific line

Keyboard Shortcut: Ctrl+G

Undo cursor position

Keyboard Shortcut: Ctrl+U

Trim trailing whitespace

Keyboard Shortcut: Ctrl+K Ctrl+X

trailing whitespace

Transform text commands

You can change selected text to uppercase, lowercase, and title case with the Transform commands from the Command Palette.

Transform text commands

Code formatting

Currently selected source code: Ctrl+K Ctrl+F

Whole document format: Shift+Alt+F

code formatting

Code folding

Keyboard Shortcut: Ctrl+Shift+[ and Ctrl+Shift+]

code folding

You can also fold/unfold all regions in the editor with Fold All (Ctrl+K Ctrl+0) and Unfold All (Ctrl+K Ctrl+J).

You can fold all block comments with Fold All Block Comments (Ctrl+K Ctrl+/).

Select current line

Keyboard Shortcut: Ctrl+L

Navigate to beginning and end of file

Keyboard Shortcut: Ctrl+Home and Ctrl+End

Open Markdown preview

In a Markdown file, use

Keyboard Shortcut: Ctrl+Shift+V

Markdown preview

Side by side Markdown edit and preview

In a Markdown file, use

Keyboard Shortcut: Ctrl+K V

The preview and editor will synchronize with your scrolling in either view.

side by side Markdown preview

IntelliSense

Ctrl+Space to trigger the Suggestions widget.

intellisense

You can view available methods, parameter hints, short documentation, etc.

Peek

Select a symbol then type Alt+F12. Alternatively, you can use the context menu.

peek

Go to Definition

Select a symbol then type F12. Alternatively, you can use the context menu or Ctrl+click (Cmd+click on macOS).

go to definition

You can go back to your previous location with the Go > Back command or Alt+Left.

You can also see the type definition if you press Ctrl (Cmd on macOS) when you are hovering over the type.

Go to References

Select a symbol then type Shift+F12. Alternatively, you can use the context menu.

peek references

Find All References view

Select a symbol then type Shift+Alt+F12 to open the References view showing all your file's symbols in a dedicated view.

Rename Symbol

Select a symbol then type F2. Alternatively, you can use the context menu.

rename symbol

Search and modify

Besides searching and replacing expressions, you can also search and reuse parts of what was matched, using regular expressions with capturing groups. Enable regular expressions in the search box by clicking the Use Regular Expression .* button (Alt+R) and then write a regular expression and use parenthesis to define groups. You can then reuse the content matched in each group by using $1, $2, etc. in the Replace field.

search and modify

.eslintrc.json

Install the ESLint extension. Configure your linter however you'd like. Consult the ESLint specification for details on its linting rules and options.

Here is configuration to use ES6.

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "classes": true,
      "defaultParams": true
    }
  },
  "rules": {
    "no-const-assign": 1,
    "no-extra-semi": 0,
    "semi": 0,
    "no-fallthrough": 0,
    "no-empty": 0,
    "no-mixed-spaces-and-tabs": 0,
    "no-redeclare": 0,
    "no-this-before-super": 1,
    "no-undef": 1,
    "no-unreachable": 1,
    "no-use-before-define": 0,
    "constructor-super": 1,
    "curly": 0,
    "eqeqeq": 0,
    "func-names": 0,
    "valid-typeof": 1
  }
}

package.json

See IntelliSense for your package.json file.

package json intellisense

Emmet syntax

Support for Emmet syntax.

emmet syntax

Snippets

Create custom snippets#

File > Preferences > User Snippets (Code > Preferences > User Snippets on macOS), select the language, and create a snippet.

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "\trender() {",
        "\t\treturn ($2);",
        "\t}",
        "",
        "}"
    ]
},

See more details in Creating your own Snippets.

Git integration

Keyboard Shortcut: Ctrl+Shift+G

Git integration comes with VS Code "out-of-the-box". You can install other SCM providers from the Extension Marketplace. This section describes the Git integration but much of the UI and gestures are shared by other SCM providers.

Diffs

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

git diff from source control

Alternatively, click the Open Changes button in the top right corner to diff the current open file.

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.

git switch to inline diff

If you prefer the inline view, you can set "diffEditor.renderSideBySide": false.

Review pane

Navigate through diffs with F7 and Shift+F7. This will present them in a unified patch format. Lines can be navigated with arrow keys and pressing Enter will jump back in the diff editor and the selected line.

diff_review_pane

Edit pending changes

You can make edits directly in the pending changes of the diff view.

Branches

Easily switch between Git branches via the Status Bar.

switch branches

Staging

Stage file changes

Hover over the number of files and click the plus button.

Click the minus button to unstage changes.

git stage all

Stage selected

Stage a portion of a file by selecting that file (using the arrows) and then choosing Stage Selected Ranges from the Command Palette.

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.

undo last commit

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.

Gutter indicators

View diff decorations in editor. See documentation for more details.

git gutter indicators

Resolve merge conflicts

During a merge, go to the Source Control view (Ctrl+Shift+G) and make changes in the diff view.

You can resolve merge conflicts with the inline CodeLens which lets you Accept Current Change, Accept Incoming Change, Accept Both Changes, and Compare Changes.

Set VS Code as default merge tool

git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'

Set VS Code as default diff tool

git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'

Debugging

Configure debugger

From the Run and Debug view (Ctrl+Shift+D), select create a launch.json file, which will prompt you to select the environment that matches your project (Node.js, Python, C++, etc). This will generate a launch.json file. Node.js support is built-in and other environments require installing the appropriate language extensions. See the debugging documentation for more details.

configure debugging

Breakpoints and stepping through

Place breakpoints next to the line number. Navigate forward with the Debug widget.

debug

Data inspection

Inspect variables in the Run panels and in the console.

data inspection

Logpoints

Logpoints act much like breakpoints but instead of halting the debugger when they are hit, they log a message to the console. Logpoints are especially useful for injecting logging while debugging production servers that cannot be modified or paused.

Add a logpoint with the Add Logpoint command in the left editor gutter and it will be displayed as a "diamond" shaped icon. Log messages are plain text but can include expressions to be evaluated within curly braces ('{}').

Logpoint set in the editor

Task runner

Auto detect tasks

Select Terminal from the top-level menu, run the command Configure Tasks, then select the type of task you'd like to run. This will generate a tasks.json file with content like the following. See the Tasks documentation for more details.

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "install",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

There are occasionally issues with auto generation. Check out the documentation for getting things to work properly.

Run tasks from the Terminal menu

Select Terminal from the top-level menu, run the command Run Task, and select the task you want to run. Terminate the running task by running the command Terminate Task

task runner

Define keyboard shortcuts for tasks

You can define a keyboard shortcut for any task. From the Command Palette (Ctrl+Shift+P), select Preferences: Open Keyboard Shortcuts File, bind the desired shortcut to the workbench.action.tasks.runTask command, and define the Task as args.

For example, to bind Ctrl+H to the Run tests task, add the following:

{
  "key": "ctrl+h",
  "command": "workbench.action.tasks.runTask",
  "args": "Run tests"
}

Run npm scripts as tasks from the Explorer#

Filter problems

From the explorer you can open a script in the editor, run it as a task, and launch it with the node debugger (when the script defines a debug option like --inspect-brk). The default action on click is to open the script. To run a script on a single click, set npm.scriptExplorerAction to "run". Use the setting npm.exclude to exclude scripts in package.json files contained in particular folders.

With the setting npm.enableRunFromFolder, you can enable to run npm scripts from the File Explorer's context menu for a folder. The setting enables the command Run NPM Script in Folder... when a folder is selected. The command shows a Quick Pick list of the npm scripts contained in this folder and you can select the script to be executed as a task.

Portable mode

VS Code has a Portable mode which lets you keep settings and data in the same location as your installation, for example, on a USB drive.

Insiders builds

The Visual Studio Code team uses the Insiders version to test the latest features and bug fixes of VS Code. You can also use the Insiders version by downloading it here.

  • For Early Adopters - Insiders has the most recent code changes for users and extension authors to try out.
  • Frequent Builds - New builds every day with the latest bug fixes and features.
  • Side-by-side install - Insiders installs next to the Stable build allowing you to use either independently.

Prefer a video? You can watch a recent Microsoft Build talk Visual Studio Code tips and tricks, which describes 20 tips and tricks for working productively with VS Code.

Original article source at https://code.visualstudio.com

#visualstudiocode #vscode

VSCode Tips & Tricks: Collection of Helpful Tips & Tricks for VS Code
Louis Jones

Louis Jones

1661478530

Visual Studio Code Tips and Tricks: How to Make It Look Beautiful

This tutorial shows 7 Visual Studio Code Tips and Tricks to customize VS Code and how to make it look beautiful

Chapters:
0:00 Intro
0:40 1. Adjust Window Zoom Level
1:27 2. Smooth Caret Animation
2:05 3. Smooth Scrolling
2:33 4. Pick a Good Font
4:45 5. Material Icons Library
6:11 6. Disable Breadcrumbs
7:09 7. Colour Theme
8:47 Outro

5 FONTS SHOWN IN THIS VIDEO:
https://fonts.google.com/specimen/Roboto+Mono?category=Monospace 
https://fonts.google.com/specimen/Inconsolata?category=Monospace 
https://fonts.google.com/specimen/Source+Code+Pro?category=Monospace 
https://fonts.google.com/specimen/Spline+Sans+Mono?category=Monospace 
https://fonts.google.com/specimen/Fira+Code?category=Monospace 


Related Videos

5 Ways to Customize VS Code

Want to make VS Code look a lot better? There are several ways to customize Visual Studio Code, but you should start with a nice font and a fun theme! After that, you can add extra functionality with extensions. Then, add the finishing touches with custom settings and keyboard shortcuts! Learn how to do all of that in this video!

25 VS Code Productivity Tips and Speed Hacks

Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE.

Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks

In this tutorial, we'll install Visual Studio Code (VS Code) and configure it for web development. (HTML, CSS, JavaScript) We will look at some top themes, tips & tricks, features, and install some of my favorite extensions. This video is intended for beginners.

Customizing VS Code's appearance — A deep dive on themes, fonts, and more!

An in-depth look at customizing the appearance of VS Code, with a focus on themes and fonts. First we'll cover basic customization including zoom level, color themes, file icon themes, and font settings. This first part is targeted at people who are either new to VS Code or have been using VS Code for a while but are now interested in customizing their workspace. These basic customization options let you easily change the entire look of VS Code. The second part of the video looks at some advanced customization using the workbench.colorCustomizations and editor.tokenColorCustomizations settings. This lets you fine tune the appearance of VS Code and is targeted at more experienced VS Code users 

How I Setup And Customize VSCode

VSCode is amazing, but can be a bit overwhelming with all the options and extensions available. In this video I will be showcasing my entire VSCode setup and sharing tips with you on how you can setup your own VSCode.

#vscode #visualstudiocode

Visual Studio Code Tips and Tricks: How to Make It Look Beautiful
Nat  Grady

Nat Grady

1661228100

A Fully Dockerized, Self-hosted Development Environment for Teams

ShinyStudio

A Docker orchestration of open-source solutions to facilitate secure, collaborative development.

Overview

The ShinyStudio project is an orchestration of various open-source solutions with the goal of providing:

  • a secured, collaborative development environment for R, Python, PowerShell, and more.
  • a secured, convenient way to share apps and documents written in Shiny, RMarkdown, plain Markdown, or HTML.
  • easily reproducible, cross-platform setup leveraging Docker for all components.

There are two distributions of ShinyStudio, the image and the stack, explained below.

ShinyStudio Image

The ShinyStudio image, hosted on DockerHub, builds upon the Rocker project to include:

The image is great for a personal instance, a quick demo, or the building blocks for a very customized setup.

Get Started with the Image

ShinyStudio

ShinyStudio Stack

The ShinyStudio stack builds upon the image to incorporate:

Each component of the stack is run in a Docker container for reproducibility, scalability, and security. Only the NGINX port is exposed on the host system; all communication between ShinyProxy and other components happens inside an isolated Docker network.

Get Started with the Stack

Getting Started

The setup has been verified to work on each of Docker (for Linux) and Docker Desktop (for Mac and Windows).

Note: when upgrading ShinyStudio, please setup from scratch and migrate existing content/settings afterward.

Note: Setup must be run as a non-root user.

Image

To download and run the ShinyStudio image from DockerHub, first, create a docker network named shinystudio-net:

docker network create shinystudio-net

Then, execute docker run in the terminal for your OS:

  • Bash (Linux/Mac)
docker run -d --restart always --name shinyproxy \
    --network shinystudio-net \
    -v /var/run/docker.sock:/var/run/docker.sock \
    -e USERID=$USERID \
    -e USER=$USER \
    -e PASSWORD=password \
    -e CONTENT_PATH="${HOME}/ShinyStudio" \
    -e SITE_NAME=shinystudio \
    -p 8080:8080 \
    dm3ll3n/shinystudio
  • PowerShell (Windows)
docker run -d --restart always --name shinyproxy `
    --network shinystudio-net `
    -v /var/run/docker.sock:/var/run/docker.sock `
    -e USERID=1000 `
    -e USER=$env:USERNAME `
    -e PASSWORD=password `
    -e CONTENT_PATH="/host_mnt/c/Users/$env:USERNAME/ShinyStudio" `
    -e SITE_NAME=shinystudio `
    -p 8080:8080 `
    dm3ll3n/shinystudio

Notice the unique form of the path for the CONTENT_PATH variable in the Windows setup.

Once complete, open a web browser and navigate to http://<hostname>:8080. Log in with your username and the password password.

Stack

The stack distribution of ShinyStudio is delivered through the GitHub repo and introduces two additional requirements:

HTTPS is configured by default, so SSL/TLS certs are required in order for the stack to operate. Use the provided script certify.sh (certify.ps1 for Windows) to create a self-signed certificate, or to request one from LetsEncrypt (more on that).

Minimal setup:

# copy the setup files.
git clone https://github.com/dm3ll3n/ShinyStudio

# enter the directory.
cd ShinyStudio

# run certify to generate self-signed cert.
./certify.[sh/ps1]

Now, browse to http://<hostname> (e.g., http://localhost) to access ShinyStudio. On first launch, you will need to accept the warning about an untrusted certificate. See the customized setup to see how to request a trusted cert from LetsEncrypt.

The default logins are below. See the customized setup to see how to add/remove accounts.

usernamepassword
useruser
adminadmin
superadminsuperadmin

Customized setup:

There are three files essential to a customized configuration:

.env

The docker-compose environment file. The project name, content path, and HTTP ports can be changed here.

Note that Docker volume names are renamed along with the project name, so be prepared to migrate or recreate data stored in Docker volumes when changing the project name.

application.yml

The ShinyProxy config file. Users can be added/removed here. Other configurations are available too, such as the site title and the ability to provide a non-standard landing page.

Using the provided template, you can assign users to the following groups with tiered access:

  • readers: can only view content from “Apps & Reports”, “Documents”, and “Personal”.
  • admins: can view all site content and develop content with RStudio and VS Code.
  • superadmins: can view and develop site content across multiple instances of ShinyStudio. Can also manage all user files.

Review the ShinyProxy configuration documentation for all options.

nginx.conf

The NGINX config file. Defines the accepted site name and what ports to listen on.

If you change the ports here, you must also change the ports defined in the .env file. Also, if you change the domain name, you must provide/generate a new certificate for it.

certify.[sh/ps1]

The script used to generate a self-signed cert, or to request a trusted cert from LetsEncrypt.

With no parameters, certify generates a self-signed cert for example.com (the default domain name defined in nginx.conf).

To generate a self-signed cert with another domain name, first edit the domain name in nginx.conf. Afterward, generate a new cert with:

./certify.sh <domain name>

# e.g., ./certify.sh www.shinystudio.com

If your server is accessible from the web, you can request a trusted certificate from LetsEncrypt. First, edit nginx.conf with your domain name, then request a new cert from LetsEncrypt like so:

./certify.sh <domain name> <email>

# e.g., ./certify.sh www.shinystudio.com donald@email.com

CertBot, included in the stack, will automatically renew your LetsEncrypt certificate.

To manage the services in the stack, use the native docker-compose commands, e.g.:

# stop all services.
docker-compose down

# start all services.
docker-compose up -d

Develop

Open either RStudio or VS Code and notice two important directories:

  • __ShinyStudio__
  • __Personal__

Files must be saved in either of these two directories in order to persist between sessions.

These two folders are shared between instances RStudio, VS Code, and Shiny Server. So, creating new content is as simple as saving a file to the appropriate directory.

Tools

The ShinyStudio image comes with…

  • R
  • Python 3
  • PowerShell

…and ODBC drivers for:

  • SQL Server
  • PostgresSQL
  • Cloudera Impala.

These are persistent because they are built into the image.

 Persistent
__ShinyStudio__ directoryYes
__Personal__ directoryYes
Other directoriesNo
R LibrariesYes
Python PackagesYes
PowerShell ModulesYes
RStudio User SettingsYes
VS Code User SettingsYes
Installed AppsNo
Installed DriversNo

References

Download Details:

Author: fresh2dev
Source Code: https://github.com/fresh2dev/ShinyStudio 
License: MIT license

#r #docker #powershell #rstudio #vscode 

A Fully Dockerized, Self-hosted Development Environment for Teams
Vicenta  Hauck

Vicenta Hauck

1661158680

Learn About The Data Science VSCode Extensions

Learn about the data science VSCode extensions for super productivity and better user experience.

In this blog, we are going to learn about the extensions that are an essential part of my workspace.

Source: https://www.kdnuggets.com

#vscode #datascience 

Learn About The Data Science VSCode Extensions
Duyen Hoang

Duyen Hoang

1661151420

Tìm Hiểu Về Phần Mở Rộng VSCode Của Khoa Học Dữ Liệu

Tìm hiểu về tiện ích mở rộng VSCode của khoa học dữ liệu để có năng suất siêu cao và trải nghiệm người dùng tốt hơn.

Visual Studio Code (VSCode) là một môi trường phát triển tích hợp miễn phí (IDE). Nó phổ biến giữa các nhà phát triển và những người thực hành dữ liệu. VSCode cung cấp các chức năng phong phú, tiện ích mở rộng (plugin), Git tích hợp sẵn , khả năng chạy và gỡ lỗi mã, và hoàn chỉnh tùy chỉnh cho không gian làm việc. Bạn có thể xây dựng, kiểm tra, triển khai và giám sát ứng dụng khoa học dữ liệu của mình mà không cần rời khỏi ứng dụng.

Tôi đã thử nhiều IDE và thành thật mà nói, tôi thấy VSCode là tốt nhất vì nó cung cấp một môi trường làm việc nhẹ, mạnh mẽ và có thể tùy chỉnh. Điểm cộng lớn nhất của IDE này là bộ sưu tập tiện ích mở rộng khổng lồ dành cho tất cả các loại chuyên gia CNTT.

Trong blog này, chúng ta sẽ tìm hiểu về các tiện ích mở rộng là một phần thiết yếu trong không gian làm việc của tôi.

1. GitHub Copilot

GitHub Copilot là trợ lý AI của bạn. Nó sẽ đề xuất một dòng hoặc toàn bộ chức năng. GitHub Copilot sử dụng OpenAI codex để cung cấp các đề xuất theo thời gian thực. Phần tốt nhất của tiện ích mở rộng là nó học hỏi từ hành vi của người dùng. Bất cứ khi nào tôi phải viết một tập lệnh Python tương tự, nó sẽ đề xuất các nhận xét , hàmchuỗi doc . Tôi chỉ cần nhấn "Tab".

Đăng ký ngay hôm nay để xem trước kỹ thuật tại đây .

2. Python

Phần mở rộng Python cung cấp hỗ trợ ngôn ngữ như linting, gỡ lỗi, điều hướng mã, định dạng mã, tái cấu trúc, trình khám phá biến và trình khám phá thử nghiệm. Nó sẽ tự động cài đặt các phần mở rộng Pylance và Jupyter để cung cấp cho bạn trải nghiệm tốt nhất trên các tệp Python và tệp Máy tính xách tay Jupyter .

3. Pylance

Pylance với phần mở rộng Python cung cấp hỗ trợ ngôn ngữ siêu phí. Nó sẽ cung cấp cho bạn các đề xuất tham số, hoàn thành mã, tự động nhập, kiểm tra kiểu và đánh dấu ngữ nghĩa. Nó rất được khuyến khích vì nó đã cải thiện trải nghiệm phát triển Python của tôi lên 2X . Pylance không chỉ là tự động hoàn thành cho Python.

4. Python Indent

Python Indent là tiện ích mở rộng mà bạn luôn biết rằng mình cần. Mỗi khi bạn nhập một dòng mã và Enter , nó sẽ cung cấp cho bạn cách thụt lề Python chính xác. Nó hoạt động với các cặp dấu ngoặc vuông, thụt lề, từ khóa và mở rộng nhận xét.

5. Indent-rainbow

Indent-Rainbow mang lại hòa bình cho thế giới mã hóa HTML và Python của tôi. Bây giờ tôi thấy Thụt lề rõ ràng và được tổ chức tốt. Phần mở rộng này đã giúp tôi gỡ lỗi mã nhanh và viết mã hiệu quả. Thụt lề-cầu vồng tô màu cho phần thụt lề phía trước văn bản của bạn, xen kẽ bốn màu cho mỗi bước.

6. Jupyter

Jupyter cho phép bạn chỉnh sửa, chạy và lưu Python Jupyter Notebook trong VScode. Nó đơn giản và hỗ trợ tất cả các ngôn ngữ lập trình. Ví dụ: Julia , R , ScalaSQL . Nó kết hợp các chức năng của Jupyter với phần mở rộng VSCode để cung cấp trải nghiệm phát triển Python cuối cùng. Jupyter đi kèm với khả năng tải tệp `.ipynb` nhanh chóng, công cụ khác biệt về sổ ghi chép , tích hợp Python và Pylance và gấp mã.

Tôi thực sự khuyên bạn nên sử dụng Jupyter Notebook trong VSCode.

7. Jupyter Notebook Renderers

Trình kết xuất sổ tay Jupyter hoạt động với tiện ích mở rộng Jupyter để cung cấp trực quan hóa dữ liệu tương tác. Đây là một phần mở rộng phải có cho các nhà phân tích dữ liệu, nhà khoa học dữ liệu và kỹ sư dữ liệu để trực quan hóa các đầu ra Plotly, Vega, Bokeh, GIF, PNG, SVG và JPEG.

8. R

Phần mở rộng R cung cấp hỗ trợ ngôn ngữ phong phú. Nếu bạn là một nhà phân tích hoặc nhà nghiên cứu dữ liệu, bạn phải biết về R-lang và hệ sinh thái của nó. Tiện ích mở rộng VSCode nâng cao trải nghiệm của bạn bằng cách cung cấp cho bạn tính năng đánh dấu cú pháp, phân tích mã, thiết bị đầu cuối R và hỗ trợ R Markdown . Nó cũng cho phép bạn xem dữ liệu, biểu đồ và các biến.

9. Julia

Phần mở rộng Julia là hỗ trợ ngôn ngữ tương tự như Python và R. Theo tôi Julia là tương lai của học máy và khoa học dữ liệu. Tiện ích mở rộng đi kèm với đánh dấu cú pháp, đoạn mã, Julia REPL , hoàn thành mã, linter, trợ giúp di chuột và gỡ lỗi. Tương tự như R, nó cung cấp một bộ sưu tập cốt truyện, trình xem lưới cho dữ liệu dạng bảng và khả năng kiểm tra, xây dựng và các chương trình điểm chuẩn.

10. DVC

DVC là một tiện ích mở rộng MVP mới và theo quan điểm của tôi để tạo phiên bản và theo dõi các thử nghiệm học máy của bạn. Mọi nhóm dữ liệu phụ thuộc vào nó để phiên bản bộ dữ liệu cho các mục đích tái tạo. Ngoài dữ liệu, bạn có thể phiên bản siêu dữ liệu, âm mưu, mô hình, theo dõi và lưu trữ thử nghiệm, tạo dữ liệu và đường ống ML và chia sẻ nó giống như một Git. Tiện ích mở rộng đi kèm với theo dõi thử nghiệm, trang tổng quan, theo dõi trực tiếp và quản lý dữ liệu dựa trên GUI.

Phần mở rộng DVC giúp việc tạo phiên bản tệp lớn trở nên đơn giản và dễ dàng hơn.

11. GitLens

GitLens làm cho kho lưu trữ Git của bạn trở nên sống động. Thay vì nhập các tập lệnh trên thiết bị đầu cuối, bạn có thể sử dụng giao diện người dùng tương tác để thực hiện tất cả các tác vụ liên quan đến Git. Nó đi kèm với điều hướng sửa đổi, đổ lỗi cho dòng hiện tại , quyền tác giả , chú thích tệp , chế độ xem thanh bên, bảng lệnh Git và các menu và thanh công cụ có thể tùy chỉnh. Nó cải thiện trải nghiệm phát triển của bạn bằng cách cung cấp khả năng sáng tác trực quan, cộng tác nhóm liền mạch và khả năng phân tích tiến độ dự án.

12. Todo MD

Todo MD là tiện ích mở rộng theo dõi nhiệm vụ tốt nhất. Bạn có thể tìm thấy nhiều tiện ích mở rộng việc làm có thể hữu ích cho môi trường phát triển cụ thể của bạn, nhưng Todo MD cho phép bạn đặt các nhiệm vụ ưu tiên và theo dõi các nhiệm vụ hàng ngày, dự án, thẻ và ngữ cảnh. Bằng cách sử dụng cú pháp Markdown , bạn có thể tạo danh sách nhiệm vụ của mình với các thẻ đặc biệt như "quá hạn" hoặc lọc các nhiệm vụ của bạn liên quan đến các thẻ đơn giản cụ thể và các thẻ đặc biệt.

Tôi sử dụng nó để theo dõi các nhiệm vụ định kỳ của mình. Ví dụ: chạy và tự động hóa các tập lệnh Python cho các tác vụ biên tập.

Sự kết luận

Các tiện ích mở rộng khác được khuyến nghị nếu bạn quan tâm nhiều hơn đến việc phát triển và triển khai các giải pháp khoa học dữ liệu như GitHub Pull Request and Issues, Docker và Kubernetes. Các phần mở rộng mà tôi đã đề cập là cần thiết để tôi xây dựng, thử nghiệm và chạy các tập lệnh Python hàng ngày.

Nếu bạn có đề xuất tốt hơn cho tiện ích mở rộng khoa học dữ liệu, vui lòng đề cập đến chúng trong phần nhận xét. Tôi luôn tìm cách cải thiện không gian làm việc hiện tại của mình bằng cách thay thế các tiện ích mở rộng cũ bằng các lựa chọn thay thế tốt hơn. Tôi hiện đang tìm cách tự động hóa quy trình làm việc của mình bằng GitHub Actions và tôi sẵn sàng đón nhận các đề xuất.

12 Phần mở rộng VSCode cần thiết cho Khoa học Dữ liệu

Nguồn:  https://www.kdnuggets.com

#vscode #datascience 

Tìm Hiểu Về Phần Mở Rộng VSCode Của Khoa Học Dữ Liệu

Узнайте о расширениях VSCode для науки о данных

Узнайте о расширениях VSCode для работы с данными, которые помогут повысить производительность и улучшить взаимодействие с пользователем.

Visual Studio Code (VSCode) — это бесплатная интегрированная среда разработки (IDE). Он популярен среди разработчиков и практиков данных. VSCode предоставляет богатые функциональные возможности, расширения (плагины), встроенный Git , возможность запуска и отладки кода, а также полную настройку рабочей области. Вы можете создавать, тестировать, развертывать и контролировать свое приложение для анализа данных, не выходя из приложения.

Я пробовал несколько IDE и, честно говоря, считаю VSCode лучшим, поскольку он обеспечивает легкую, мощную и настраиваемую рабочую среду. Самым большим плюсом этой IDE является огромная коллекция расширений для всех видов ИТ-специалистов.

В этом блоге мы узнаем о расширениях, которые являются неотъемлемой частью моего рабочего пространства.

1. Второй пилот GitHub

GitHub Copilot — ваш помощник по искусственному интеллекту. Он предложит линию или целую функцию. GitHub Copilot использует код OpenAI для предоставления предложений в реальном времени. Лучшая часть расширения заключается в том, что оно учится на поведении пользователей. Всякий раз, когда мне нужно написать подобный скрипт Python, он предложит комментарии , функцию и строку документации . Мне просто нужно нажать «Tab».

Зарегистрируйтесь сегодня для получения технической предварительной версии здесь .

2. Питон

Расширение Python обеспечивает языковую поддержку, такую ​​как линтинг, отладка, навигация по коду, форматирование кода, рефакторинг, обозреватель переменных и обозреватель тестов. Он автоматически установит расширения Pylance и Jupyter, чтобы предоставить вам лучший опыт работы с файлами Python и файлами Jupyter Notebook .

3. Пиланс

Pylance с расширением Python обеспечивает поддержку языка сверхвысокой стоимости. Он предоставит вам предложения по параметрам, завершение кода, автоматический импорт, проверку типов и семантическую подсветку. Настоятельно рекомендуется, так как это улучшило мой опыт разработки Python в 2 раза . Pylance — это гораздо больше, чем автозаполнение для Python.

4. Отступ Python

Python Indent — это расширение, о котором вы всегда знали, что оно вам нужно. Каждый раз, когда вы вводите строку кода и нажимаете Enter , он предоставляет вам правильный отступ Python. Он работает с парами скобок, висячими отступами, ключевыми словами и расширяющими комментариями.

5. Отступ-радуга

Indent-rainbow приносит мир в мой мир кодирования HTML и Python. Теперь я вижу чистые и хорошо организованные отступы. Это расширение помогло мне быстро отлаживать код и писать эффективный код. Indent-Rainbow раскрашивает отступ перед вашим текстом, чередуя четыре цвета для каждого шага.

6. Юпитер

Jupyter позволяет редактировать, запускать и сохранять Python Jupyter Notebook в VScode. Он прост и поддерживает все языки программирования. Например, Julia , R , Scala и SQL . Он сочетает в себе функциональные возможности Jupyter с расширением VSCode, чтобы обеспечить максимальный опыт разработки на Python. Jupyter поставляется с быстрой загрузкой файлов `.ipynb`, инструментом сравнения записных книжек, интеграцией Python и Pylance, а также свертыванием кода.

Я настоятельно рекомендую вам использовать Jupyter Notebook в VSCode.

7. Рендереры Jupyter Notebook

Jupyter Notebook Renderers работает с расширением Jupyter для обеспечения интерактивной визуализации данных. Это обязательное расширение для аналитиков данных, специалистов по данным и инженеров данных для визуализации выходных данных Plotly, Vega, Bokeh, GIF, PNG, SVG и JPEG.

8. Р

Расширение R обеспечивает богатую языковую поддержку. Если вы аналитик данных или исследователь, вы должны знать R-lang и его экосистему. Расширение VSCode расширяет ваши возможности, предоставляя подсветку синтаксиса, анализ кода, R-терминал и поддержку R Markdown . Он также позволяет просматривать данные, графики и переменные.

9. Юлия

Расширение Julia — это языковая поддержка, аналогичная Python и R. Я считаю, что Julia — это будущее машинного обучения и науки о данных. Расширение поставляется с подсветкой синтаксиса, фрагментами, Julia REPL , завершением кода, линтером, справкой при наведении и отладкой. Подобно R, он предоставляет галерею графиков, средство просмотра сетки для табличных данных и возможность тестировать, создавать и тестировать программы.

10. ДВК

DVC — это новое и, на мой взгляд , MVP -расширение для управления версиями и отслеживания ваших экспериментов по машинному обучению. Каждая команда по работе с данными зависит от него для версии набора данных в целях воспроизводимости. Помимо данных, вы можете управлять версиями метаданных, графиков, моделей, отслеживать и хранить эксперименты, создавать конвейеры данных и машинного обучения и делиться ими, как Git. Расширение поставляется с отслеживанием экспериментов, приборной панелью, отслеживанием в реальном времени и управлением данными на основе графического интерфейса.

Расширение DVC упрощает управление версиями больших файлов.

11. ГитЛенс

GitLens оживляет ваш репозиторий Git. Вместо ввода скриптов на терминале вы можете использовать интерактивный пользовательский интерфейс для выполнения всех задач, связанных с Git. Он поставляется с навигацией по ревизиям, указанием текущей строки , авторством , аннотацией файла , представлением боковой панели, палитрой команд Git, а также настраиваемыми меню и панелями инструментов. Это улучшает ваш опыт разработки, обеспечивая визуальное составление, беспрепятственное сотрудничество в команде и возможность анализировать ход проекта.

12. Все ДМ

Todo MD — лучшее расширение для отслеживания задач. Вы можете найти несколько расширений todo, которые могут быть полезны для вашей конкретной среды разработки, но Todo MD позволяет вам устанавливать приоритетные задачи и отслеживать ежедневные задачи, проекты, теги и контекст. Используя синтаксис Markdown , вы можете создать свой список задач со специальными тегами, такими как «просроченные», или отфильтровать свои задачи, связанные с конкретными простыми тегами и специальными тегами.

Я использую его для отслеживания моих повторяющихся задач. Например, запуск и автоматизация скриптов Python для редакционных задач.

Вывод

Другие расширения рекомендуются, если вы больше занимаетесь разработкой и развертыванием решений для обработки данных, таких как GitHub Pull Requests and Issues, Docker и Kubernetes. Расширения, которые я упомянул, необходимы мне для ежедневной сборки, тестирования и запуска скриптов Python.

Если у вас есть лучшие предложения по расширению науки о данных, укажите их в комментариях. Я всегда стремлюсь улучшить свое текущее рабочее пространство, заменив старые расширения лучшими альтернативами. В настоящее время я пытаюсь автоматизировать свой рабочий процесс с помощью GitHub Actions и открыт для предложений.

12 основных расширений VSCode для науки о данных

Источник:  https://www.kdnuggets.com

#vscode #datascience  

Узнайте о расширениях VSCode для науки о данных

了解數據科學 VSCode 擴展

了解數據科學 VSCode 擴展,以實現超級生產力和更好的用戶體驗。

Visual Studio Code (VSCode) 是一個免費的集成開發環境 (IDE)。它在開發人員和數據從業者中很受歡迎。VSCode 提供了豐富的功能、擴展(插件)、內置的 Git、運行和調試代碼的能力,以及對工作區的完整定制。您可以在不離開應用程序的情況下構建、測試、部署和監控您的數據科學應用程序。

我嘗試了多個 IDE,老實說,我發現 VSCode 是最好的,因為它提供了一個輕量級、強大且可定制的工作環境。這個 IDE 的最大優點是為各種 IT 專業人員提供了大量的擴展集合。

在此博客中,我們將了解作為我工作區重要組成部分的擴展。

1. GitHub 副駕駛

GitHub Copilot 是您的 AI 助手。它會建議一行或整個函數。GitHub Copilot 使用 OpenAI codex 提供實時建議。該擴展最好的部分是它從用戶的行為中學習。每當我必須編寫類似的 Python 腳本時,它都會建議註釋函數文檔字符串。我只需要按“Tab”。

立即在此處註冊以獲取技術預覽。

2. 蟒蛇

Python 擴展提供語言支持,例如 linting、調試、代碼導航、代碼格式化、重構、變量瀏覽器和測試瀏覽器。它將自動安裝 Pylance 和 Jupyter 擴展,為您提供 Python 文件和Jupyter Notebook文件的最佳體驗。

3. 皮蘭斯

帶有 Python 擴展的 Pylance 提供了超強的語言支持。它將為您提供參數建議、代碼完成、自動導入、類型檢查和語義突出顯示。強烈推薦它,因為它使我的 Python 開發體驗提高了2 倍。Pylance 不僅僅是 Python 的自動完成功能。

4. Python 縮進

Python Indent 是您一直知道自己需要的擴展。每次您鍵入一行代碼並Enter時,它都會為您提供正確的 Python 縮進。它適用於括號對、懸掛縮進、關鍵字和擴展註釋。

5. 縮進-彩虹

Indent-rainbow 為我的HTML和 Python 編碼世界帶來了平靜。我現在看到干淨且組織良好的縮進。這個擴展幫助我快速調試代碼並編寫有效的代碼。Indent-rainbow 為文本前面的縮進著色,每一步交替使用四種顏色。

6.木星

Jupyter 允許您在 VScode 中編輯、運行和保存 Python Jupyter Notebook。它很簡單並且支持所有的編程語言。例如,JuliaRScalaSQL。它將 Jupyter 功能與 VSCode 擴展相結合,提供終極 Python 開發體驗。Jupyter 帶有快速的 .ipynb 文件加載、筆記本差異工具、Python 和 Pylance 集成以及代碼折疊。

我強烈推薦你在 VSCode 中使用 Jupyter Notebook。

7. Jupyter Notebook 渲染器

Jupyter Notebook Renderers 與 Jupyter 擴展一起提供交互式數據可視化。它是數據分析師、數據科學家和數據工程師可視化 Plotly、Vega、Bokeh、GIF、PNG、SVG 和 JPEG 輸出的必備擴展。

8.R

R 擴展提供了豐富的語言支持。如果您是數據分析師或研究人員,您必須了解 R-lang 及其生態系統。VSCode 擴展通過為您提供語法高亮、代碼分析、R 終端和對R Markdown的支持來增強您的體驗。它還允許您查看數據、圖表和變量。

9. 朱莉婭

Julia 擴展是類似於 Python 和 R 的語言支持。在我看來,Julia 是機器學習和數據科學的未來。該擴展帶有語法高亮、片段、Julia REPL、代碼完成、linter、懸停幫助和調試。與 R 類似,它提供了一個繪圖庫、表格數據的網格查看器,以及測試、構建和基準測試程序的能力。

10. DVC

DVC 是一個新的,在我看來是MVP擴展,用於版本控制和跟踪你的機器學習實驗。每個數據團隊都依賴它來對數據集進行版本化以實現可重複性。除了數據,您還可以版本元數據、繪圖、模型、跟踪和存儲實驗、創建數據和 ML 管道,並像 Git 一樣共享它。該擴展帶有實驗跟踪、儀表板、實時跟踪和基於 GUI 的數據管理。

DVC 擴展使大文件版本控制更加簡單和容易。

11. GitLens

GitLens 讓您的 Git 存儲庫栩栩如生。您可以使用交互式用戶界面來執行所有與 Git 相關的任務,而不是在終端上鍵入腳本。它帶有修訂導航、當前行責備作者身份文件 註釋、側邊欄視圖、Git 命令面板以及可自定義的菜單和工具欄。它通過提供可視化的組合、無縫的團隊協作和分析項目進度的能力來改善您的開發體驗。

12.所有DM

Todo MD 是最好的任務跟踪擴展。您可以找到多個可能對您的特定開發環境有幫助的 todo 擴展,但 Todo MD 允許您設置優先任務,並跟踪日常任務、項目、標籤和上下文。通過使用Markdown語法,您可以創建帶有特殊標籤(例如“過期”)的任務列表,或者過濾與特定簡單標籤和特殊標籤相關的任務。

我用它來跟踪我的重複任務。例如,為編輯任務運行和自動化 Python 腳本。

結論

如果您更熱衷於數據科學解決方案的開發和部署,例如 GitHub Pull Requests and Issues、Docker 和 Kubernetes,建議您使用其他擴展。我提到的擴展是我每天構建、測試和運行 Python 腳本所必需的。

如果您對數據科學擴展有更好的建議,請在評論中提及。我一直在尋求通過用更好的替代品替換舊的擴展來改善我當前的工作空間。我目前正在尋求使用GitHub Actions自動化我的工作流程,我願意接受建議。

數據科學的 12 個基本 VSCode 擴展

來源:  https ://www.kdnuggets.com

#vscode #datascience  

了解數據科學 VSCode 擴展
Jarrod  Douglas

Jarrod Douglas

1661128740

En Savoir Plus Sur Les Extensions Data Science VSCode

Découvrez les extensions VSCode de la science des données pour une super productivité et une meilleure expérience utilisateur.

Visual Studio Code (VSCode) est un environnement de développement intégré (IDE) gratuit. Il est populaire parmi les développeurs et les praticiens des données. Le VSCode fournit des fonctionnalités riches, des extensions (plugins), Git intégré , la possibilité d'exécuter et de déboguer du code et une personnalisation complète de l'espace de travail. Vous pouvez créer, tester, déployer et surveiller votre application de science des données sans quitter l'application.

J'ai essayé plusieurs IDE et, pour être honnête, je trouve que VSCode est le meilleur car il fournit un environnement de travail léger, puissant et personnalisable. Le plus grand avantage de cet IDE est l'énorme collection d'extensions pour toutes sortes de professionnels de l'informatique.

Dans ce blog, nous allons découvrir les extensions qui font partie intégrante de mon espace de travail.

1. Copilote GitHub

GitHub Copilot est votre assistant IA. Il suggérera une ligne ou une fonction entière. GitHub Copilot utilise le codex OpenAI pour fournir des suggestions en temps réel. La meilleure partie de l'extension est qu'elle apprend des comportements des utilisateurs. Chaque fois que je dois écrire un script Python similaire, il suggère les commentaires , la fonction et la docstring . J'ai juste à appuyer sur "Tab".

Inscrivez-vous dès aujourd'hui pour un aperçu technique ici .

2.Python

L'extension Python fournit une prise en charge des langages tels que le linting, le débogage, la navigation dans le code, le formatage du code, la refactorisation, l'explorateur de variables et l'explorateur de tests. Il installera automatiquement les extensions Pylance et Jupyter pour vous offrir la meilleure expérience sur les fichiers Python et les fichiers Jupyter Notebook .

3. Pylance

Pylance avec l'extension Python fournit une prise en charge linguistique super payante. Il vous fournira des suggestions de paramètres, la complétion de code, les importations automatiques, la vérification de type et la mise en évidence sémantique. Il est fortement recommandé car il a amélioré mon expérience de développement Python de 2X . Pylance est bien plus que la saisie semi-automatique pour Python.

4. Retrait Python

Python Indent est l'extension dont vous avez toujours su avoir besoin. Chaque fois que vous tapez une ligne de code et Enter , cela vous fournira l'indentation Python correcte. Cela fonctionne avec des paires de crochets, des retraits suspendus, des mots-clés et des commentaires étendus.

5. Arc-en-ciel

Indent-rainbow apporte la paix dans mon monde de codage HTML et Python. Je vois maintenant des indentations propres et bien organisées. Cette extension m'a aidé à déboguer rapidement le code et à écrire du code efficace. Indent-rainbow colorise l'indentation devant votre texte, en alternant quatre couleurs pour chaque étape.

6. Jupyter

Jupyter vous permet de modifier, d'exécuter et d'enregistrer Python Jupyter Notebook dans VScode. Il est simple et supporte tous les langages de programmation. Par exemple, Julia , R , Scala et SQL . Il combine les fonctionnalités de Jupyter avec l'extension VSCode pour fournir l'expérience de développement Python ultime. Jupyter est livré avec un chargement rapide de fichiers `.ipynb`, un outil de comparaison de bloc-notes , une intégration Python et Pylance et un pliage de code.

Je vous recommanderai fortement d'utiliser Jupyter Notebook dans VSCode.

7. Moteurs de rendu Jupyter Notebook

Jupyter Notebook Renderers fonctionne avec l'extension Jupyter pour fournir une visualisation interactive des données. Il s'agit d'une extension indispensable pour les analystes de données, les scientifiques de données et les ingénieurs de données pour visualiser les sorties Plotly, Vega, Bokeh, GIF, PNG, SVG et JPEG.

8.R

L'extension R fournit un support de langage riche. Si vous êtes un analyste de données ou un chercheur, vous devez connaître R-lang et son écosystème. L'extension VSCode améliore votre expérience en vous fournissant la coloration syntaxique, l'analyse de code, le terminal R et la prise en charge de R Markdown . Il vous permet également d'afficher des données, des tracés et des variables.

9. Julia

L'extension Julia est un support de langage similaire à Python et R. À mon avis, Julia est l'avenir de l'apprentissage automatique et de la science des données. L'extension est fournie avec la coloration syntaxique, les extraits de code, Julia REPL , la complétion de code, le linter, l'aide au survol et le débogage. Semblable à R, il fournit une galerie de tracés, une visionneuse de grille pour les données tabulaires et la possibilité de tester, de créer et de comparer des programmes.

10. DVC

DVC est une nouvelle extension MVP pour la gestion des versions et le suivi de vos expériences d'apprentissage automatique. Chaque équipe de données en dépend pour versionner l'ensemble de données à des fins de reproductibilité. Outre les données, vous pouvez versionner des métadonnées, des tracés, des modèles, suivre et stocker des expériences, créer des pipelines de données et de ML, et les partager comme un Git. L'extension est livrée avec un suivi des expériences, un tableau de bord, un suivi en direct et une gestion des données basée sur l'interface graphique.

L'extension DVC simplifie et facilite la gestion des versions de fichiers volumineux.

11. GitLens

GitLens donne vie à votre référentiel Git. Au lieu de taper des scripts sur le terminal, vous pouvez utiliser une interface utilisateur interactive pour effectuer toutes les tâches liées à Git. Il est livré avec la navigation de révision, le blâme de la ligne actuelle , la paternité , l' annotation de fichier , la vue de la barre latérale, la palette de commandes Git et des menus et barres d'outils personnalisables. Il améliore votre expérience de développement en offrant une composition visuelle, une collaboration d'équipe transparente et la capacité d'analyser l'avancement du projet.

12. Tous les MP

Todo MD est la meilleure extension de suivi des tâches. Vous pouvez trouver plusieurs extensions de tâches qui pourraient être utiles pour votre environnement de développement particulier, mais Todo MD vous permet de définir des tâches prioritaires et de suivre les tâches quotidiennes, les projets, les balises et le contexte. En utilisant la syntaxe Markdown , vous pouvez créer votre liste de tâches avec des balises spéciales telles que "en retard" ou filtrer vos tâches liées à des balises simples spécifiques et à des balises spéciales.

Je l'utilise pour suivre mes tâches récurrentes. Par exemple, exécuter et automatiser des scripts Python pour les tâches éditoriales.

Conclusion

D'autres extensions sont recommandées si vous êtes plus dans le développement et le déploiement de solutions de science des données telles que GitHub Pull Requests and Issues, Docker et Kubernetes. Les extensions que j'ai mentionnées me sont nécessaires pour créer, tester et exécuter quotidiennement des scripts Python.

Si vous avez de meilleures suggestions pour l'extension de la science des données, veuillez les mentionner dans les commentaires. Je cherche toujours à améliorer mon espace de travail actuel en remplaçant les anciennes extensions par de meilleures alternatives. Je cherche actuellement à automatiser mon flux de travail à l'aide de GitHub Actions et je suis ouvert aux suggestions.

12 extensions VSCode essentielles pour la science des données

Source :  https://www.kdnuggets.com

#vscode #datascience 

En Savoir Plus Sur Les Extensions Data Science VSCode
Wayne  Richards

Wayne Richards

1661121240

Más Información Sobre Las Extensiones VSCode De Ciencia De Datos

Obtenga más información sobre las extensiones VSCode de ciencia de datos para lograr una superproductividad y una mejor experiencia de usuario.

Visual Studio Code (VSCode) es un entorno de desarrollo integrado (IDE) gratuito. Es popular entre los desarrolladores y profesionales de datos. El VSCode proporciona ricas funcionalidades, extensiones (complementos), Git incorporado , capacidad para ejecutar y depurar código y personalización completa para el espacio de trabajo. Puede crear, probar, implementar y monitorear su aplicación de ciencia de datos sin salir de la aplicación.

He probado varios IDE y, para ser honesto, creo que VSCode es el mejor, ya que proporciona un entorno de trabajo ligero, potente y personalizable. El mayor punto a favor de este IDE es la enorme colección de extensiones para todo tipo de profesionales de TI.

En este blog, vamos a aprender sobre las extensiones que son una parte esencial de mi espacio de trabajo.

1. Copiloto de GitHub

GitHub Copilot es su asistente de IA. Sugerirá una línea o una función completa. GitHub Copilot usa el códice OpenAI para proporcionar sugerencias en tiempo real. La mejor parte de la extensión es que aprende de los comportamientos de los usuarios. Siempre que tenga que escribir un script de Python similar, sugerirá los comentarios , la función y la cadena de documentación . Solo tengo que presionar "Tab".

Regístrese hoy para obtener una vista previa técnica aquí .

2. pitón

La extensión de Python proporciona compatibilidad con lenguajes como depuración, navegación de código, formateo de código, refactorización, explorador de variables y explorador de pruebas. Instalará automáticamente las extensiones Pylance y Jupyter para brindarle la mejor experiencia en archivos de Python y Jupyter Notebook .

3. Pilance

Pylance con la extensión de Python proporciona soporte de lenguaje supercargado. Le proporcionará sugerencias de parámetros, finalización de código, importaciones automáticas, verificación de tipos y resaltado semántico. Es muy recomendable ya que ha mejorado mi experiencia de desarrollo de Python en 2X . Pylance es mucho más que autocompletar para Python.

4. Sangría de Python

Python Indent es la extensión que siempre supo que necesitaba. Cada vez que escriba una línea de código y Enter , le proporcionará la sangría de Python correcta. Funciona con pares de corchetes, sangrías francesas, palabras clave y comentarios extensos.

5. Sangría-arcoíris

Indent-rainbow trae paz a mi mundo de codificación HTML y Python. Ahora veo sangrías limpias y bien organizadas. Esta extensión me ha ayudado a depurar código rápidamente y escribir código efectivo. Indent-rainbow colorea la sangría delante de su texto, alternando cuatro colores para cada paso.

6. Júpiter

Jupyter le permite editar, ejecutar y guardar Python Jupyter Notebook dentro de VScode. Es simple y soporta todos los lenguajes de programación. Por ejemplo, Julia , R , Scala y SQL . Combina funcionalidades de Jupyter con la extensión VSCode para brindar la mejor experiencia de desarrollo de Python. Jupyter viene con carga rápida de archivos `.ipynb`, herramienta de comparación de cuadernos, integración de Python y Pylance, y plegado de código.

Le recomiendo encarecidamente que use Jupyter Notebook dentro de VSCode.

7. Procesadores de portátiles Jupyter

Jupyter Notebook Renderers funciona con la extensión Jupyter para proporcionar una visualización de datos interactiva. Es una extensión imprescindible para analistas de datos, científicos de datos e ingenieros de datos para visualizar salidas de Plotly, Vega, Bokeh, GIF, PNG, SVG y JPEG.

8. R

La extensión R proporciona soporte de lenguaje enriquecido. Si eres analista o investigador de datos, debes conocer R-lang y su ecosistema. La extensión VSCode mejora su experiencia al proporcionarle resaltado de sintaxis, análisis de código, terminal R y soporte para R Markdown . También le permite ver datos, gráficos y variables.

9. Julio

La extensión de Julia es un soporte de lenguaje similar a Python y R. En mi opinión, Julia es el futuro del aprendizaje automático y la ciencia de datos. La extensión viene con resaltado de sintaxis, fragmentos, Julia REPL , finalización de código, linter, ayuda flotante y depuración. Similar a R, proporciona una galería de gráficos, un visor de cuadrícula para datos tabulares y la capacidad de probar, crear y comparar programas.

10. DVC

DVC es una extensión nueva y, en mi opinión , MVP para el control de versiones y el seguimiento de sus experimentos de aprendizaje automático. Cada equipo de datos depende de él para versionar el conjunto de datos con fines de reproducibilidad. Además de los datos, puede crear versiones de metadatos, gráficos, modelos, rastrear y almacenar experimentos, crear datos y canalizaciones de ML, y compartirlos como un Git. La extensión viene con seguimiento de experimentos, tablero, seguimiento en vivo y gestión de datos basada en GUI.

La extensión DVC simplifica y facilita el control de versiones de archivos grandes.

11. GitLens

GitLens le da vida a su repositorio Git. En lugar de escribir scripts en la terminal, puede usar una interfaz de usuario interactiva para realizar todas las tareas relacionadas con Git. Viene con navegación de revisión, culpa de línea actual , autoría , anotación de archivo , vista de barra lateral, paleta de comandos de Git y menús y barras de herramientas personalizables. Mejora su experiencia de desarrollo al proporcionar una composición visual, una colaboración en equipo fluida y la capacidad de analizar el progreso del proyecto.

12. Todo MD

Todo MD es la mejor extensión de seguimiento de tareas. Puede encontrar múltiples extensiones de tareas pendientes que pueden ser útiles para su entorno de desarrollo particular, pero Todo MD le permite establecer tareas prioritarias y realizar un seguimiento de las tareas diarias, los proyectos, las etiquetas y el contexto. Al usar la sintaxis de Markdown , puede crear su lista de tareas con etiquetas especiales como "vencidas" o filtrar sus tareas relacionadas con etiquetas simples específicas y etiquetas especiales.

Lo uso para realizar un seguimiento de mis tareas recurrentes. Por ejemplo, ejecutar y automatizar scripts de Python para tareas editoriales.

Conclusión

Se recomiendan otras extensiones si está más interesado en el desarrollo y la implementación de soluciones de ciencia de datos como GitHub Pull Requests and Issues, Docker y Kubernetes. Las extensiones que he mencionado son necesarias para compilar, probar y ejecutar scripts de Python a diario.

Si tiene mejores sugerencias para la extensión de la ciencia de datos, menciónelas en los comentarios. Siempre busco mejorar mi espacio de trabajo actual reemplazando las extensiones antiguas con mejores alternativas. Actualmente estoy buscando automatizar mi flujo de trabajo usando GitHub Actions y estoy abierto a sugerencias.

12 extensiones VSCode esenciales para la ciencia de datos

Fuente:  https://www.kdnuggets.com

#vscode #datascience  

Más Información Sobre Las Extensiones VSCode De Ciencia De Datos

Saiba Mais Sobre As Extensões VSCode De Ciência De Dados

Saiba mais sobre as extensões VSCode de ciência de dados para superprodutividade e melhor experiência do usuário.

O Visual Studio Code (VSCode) é um ambiente de desenvolvimento integrado (IDE) gratuito. É popular entre desenvolvedores e profissionais de dados. O VSCode fornece funcionalidades ricas, extensões (plugins), Git integrado , capacidade de executar e depurar código e personalização completa para o espaço de trabalho. Você pode criar, testar, implantar e monitorar seu aplicativo de ciência de dados sem sair do aplicativo.

Eu tentei vários IDEs e, para ser honesto, acho o VSCode o melhor, pois fornece um ambiente de trabalho leve, poderoso e personalizável. O maior ponto positivo deste IDE é a enorme coleção de extensões para todos os tipos de profissionais de TI.

Neste blog, vamos aprender sobre as extensões que são uma parte essencial do meu espaço de trabalho.

1. Copiloto do GitHub

O GitHub Copilot é seu assistente de IA. Ele irá sugerir uma linha ou função inteira. O GitHub Copilot usa o codex OpenAI para fornecer sugestões em tempo real. A melhor parte da extensão é que ela aprende com os comportamentos dos usuários. Sempre que eu tiver que escrever um script Python semelhante, ele sugerirá os comentários , a função e a docstring . Eu só tenho que pressionar "Tab".

Inscreva-se hoje para uma prévia técnica aqui .

2. Python

A extensão Python fornece suporte a idiomas, como linting, depuração, navegação de código, formatação de código, refatoração, explorador de variáveis ​​e explorador de teste. Ele instalará automaticamente as extensões Pylance e Jupyter para fornecer a melhor experiência em arquivos Python e arquivos Jupyter Notebook .

3. Pilão

Pylance com extensão Python fornece suporte à linguagem supercharge. Ele fornecerá sugestões de parâmetros, conclusão de código, importações automáticas, verificação de tipo e realce semântico. É altamente recomendado, pois melhorou minha experiência de desenvolvimento Python em 2X . Pylance é muito mais do que autocompletar para Python.

4. Recuo Python

Python Indent é a extensão que você sempre soube que precisava. Toda vez que você digitar uma linha de código e Enter , ele fornecerá o recuo correto do Python. Ele funciona com pares de colchetes, recuos deslocados, palavras-chave e comentários estendidos.

5. Arco-íris de recuo

Indent-rainbow traz paz ao meu mundo de codificação HTML e Python. Agora vejo Recuos limpos e bem organizados. Essa extensão me ajudou a depurar código rapidamente e escrever código eficaz. Indent-rainbow colore o recuo na frente do seu texto, alternando quatro cores para cada etapa.

6. Júpiter

O Jupyter permite editar, executar e salvar o Python Jupyter Notebook no VScode. É simples e suporta todas as linguagens de programação. Por exemplo, Julia , R , Scala e SQL . Ele combina as funcionalidades do Jupyter com a extensão VSCode para fornecer a melhor experiência de desenvolvimento em Python. Jupyter vem com carregamento rápido de arquivos `.ipynb`, notebook diff-tool , integração Python e Pylance e dobra de código.

Eu recomendo que você use o Jupyter Notebook no VSCode.

7. Renderizadores de notebook Jupyter

Jupyter Notebook Renderers funciona com a extensão Jupyter para fornecer visualização interativa de dados. É uma extensão obrigatória para analistas de dados, cientistas de dados e engenheiros de dados para visualizar saídas Plotly, Vega, Bokeh, GIF, PNG, SVG e JPEG.

8. R

A extensão R fornece suporte avançado a idiomas. Se você é um analista de dados ou pesquisador, deve conhecer o R-lang e seu ecossistema. A extensão VSCode aprimora sua experiência fornecendo realce de sintaxe, análise de código, terminal R e suporte para R Markdown . Também permite visualizar dados, gráficos e variáveis.

9. Júlia

A extensão Julia é um suporte de linguagem semelhante ao Python e R. Na minha opinião, Julia é o futuro do aprendizado de máquina e da ciência de dados. A extensão vem com realce de sintaxe, snippets, Julia REPL , preenchimento de código, linter, ajuda ao passar o mouse e depuração. Semelhante ao R, ele fornece uma galeria de plotagem, visualizador de grade para dados tabulares e a capacidade de testar, construir e comparar programas.

10. DVC

DVC é uma extensão nova e, na minha opinião, MVP para controle de versão e rastreamento de seus experimentos de aprendizado de máquina. Toda equipe de dados depende dele para fazer a versão do conjunto de dados para fins de reprodutibilidade. Além dos dados, você pode ver metadados, gráficos, modelos, rastrear e armazenar experimentos, criar dados e pipelines de ML e compartilhá-los como um Git. A extensão vem com rastreamento de experimentos, painel, rastreamento ao vivo e gerenciamento de dados baseado em GUI.

A extensão DVC torna o controle de versão de arquivos grandes mais simples e fácil.

11. GitLens

O GitLens dá vida ao seu repositório Git. Em vez de digitar scripts no terminal, você pode usar uma interface de usuário interativa para executar todas as tarefas relacionadas ao Git. Ele vem com navegação de revisão, culpa de linha atual , autoria , anotação de arquivo , visualização de barra lateral, paleta de comandos Git e menus e barras de ferramentas personalizáveis. Ele melhora sua experiência de desenvolvimento, fornecendo composição visual, colaboração de equipe perfeita e capacidade de analisar o progresso do projeto.

12. Todos DM

Todo MD é a melhor extensão de rastreamento de tarefas. Você pode encontrar várias extensões de tarefas que podem ser úteis para seu ambiente de desenvolvimento específico, mas Todo MD permite definir tarefas prioritárias e rastrear tarefas diárias, projetos, tags e contexto. Usando a sintaxe Markdown , você pode criar sua lista de tarefas com tags especiais, como “vencido” ou filtrar suas tarefas relacionadas a tags simples específicas e tags especiais.

Eu o uso para rastrear minhas tarefas recorrentes. Por exemplo, executando e automatizando scripts Python para tarefas editoriais.

Conclusão

Outras extensões são recomendadas se você estiver mais interessado no desenvolvimento e implantação de soluções de ciência de dados, como solicitações e problemas de pull do GitHub, Docker e Kubernetes. As extensões que mencionei são necessárias para eu construir, testar e executar scripts Python diariamente.

Se você tiver sugestões melhores para extensão de ciência de dados, mencione-as nos comentários. Estou sempre procurando melhorar meu espaço de trabalho atual substituindo extensões antigas por alternativas melhores. Atualmente, estou procurando automatizar meu fluxo de trabalho usando o GitHub Actions e estou aberto a sugestões.

12 extensões essenciais do VSCode para ciência de dados

Fonte:  https://www.kdnuggets.com

#vscode #datascience 

Saiba Mais Sobre As Extensões VSCode De Ciência De Dados