Mastering Visual Studio Code
- Length: 270 pages
- Edition: 1
- Language: English
- Publisher: CRC Press
- Publication Date: 2022-11-29
- ISBN-10: 1032319062
- ISBN-13: 9781032319063
- Sales Rank: #0 (See Top 100 Books)
Mastering Visual Studio Code empowers the readers to get the most out of VS Code, an extremely popular and powerful code editor.
Microsoft’s Visual Studio Code (VS Code) is a free and open-source code and text editor. Despite its modest size, VS Code includes numerous significant features that have made it one of the most popular code editors in recent years.
VS Code is compatible with various programming languages, including Java, C++, Python, CSS, Go, and Docker files. VS Code also lets you add and create new extensions, such as code linkers, debuggers, and support for cloud and web development. Compared to other text editors, the VS Code user interface allows for a lot of interactivity.
Some of the major advantages of Visual Studio Code are:
- Cross-stack development using an open technology platform • Huge repository of plug-ins produced by the community and professionals
- Debug tools for generic usage
- Cross-platform support, including Linux, Mac, and Windows
A good and powerful code editor is a vital part of any developer’s toolkit. VS Code has all the features any developer might need. As such, learning Visual Studio Code and understanding its various offerings and features is a good idea.
With Mastering Visual Studio Code, using VS Code will become a breeze, regardless of the language that you are coding in, thereby boosting your productivity.
The Mastering Computer Science series is edited by Sufyan bin Uzayr, a writer and educator with more than a decade of experience in the computing field.
Cover Half-Title Series Title Copyright Contents Mastering Computer Science Series Preface About the Editor CHAPTER 1 Introduction to VS Code WHEN AND WHY TO USE VISUAL STUDIO CODE INSTALLATION OF VISUAL STUDIO CODE ON MACOS INSTALLING VISUAL STUDIO CODE ON LINUX DIFFERENCE BETWEEN THE TEXT EDITOR AND THE IDE (INTEGRATED DEVELOPMENT ENVIRONMENT) WHAT IS CODE EDITOR? WHY DO WE NEED A TEXT EDITOR? WHAT CAN A TEXT EDITOR DO? WHAT IS A RICH TEXT EDITOR? WHAT ARE IDES? Benefits of IDEs Languages Supported by IDEs IDE SPECIFIC TO APPLE OR MICROSOFT VARIOUS IDS COMPARISON What is MonoDevelop’s IDE? KEY DIFFERENCES BETWEEN MONODEVELOP AND VISUAL STUDIO HISTORY OF VS WHAT IS VS (VISUAL STUDIO)? Features of VS Features of IDE Benefits IS VISUAL STUDIO FREE? Before installing Visual Studio Download Visual Studio VISUAL STUDIO INSTALLATION IN WINDOWS Installation What Is Visual Studio Code? Visual Studio scope Advantages of Visual Studio Code Disadvantages of Visual Studio Code COMPARISON TABLE: VISUAL STUDIO VS VISUAL STUDIO CODE VISUAL STUDIO VS VISUAL STUDIO CODE Features Differences WHAT IS INTELLISENSE? WHICH ONE IS BEST: VISUAL STUDIO OR VISUAL STUDIO CODE? ATOM VS VISUAL STUDIO CODE What Is Atom? Features of Atom vs VS Code SUBLIME VS VISUAL STUDIO CODE Sublime Text NOTEPAD++ VS VISUAL STUDIO CODE What Is Notepad ++? Are IDEs Better Than Editors? Should Beginner Programmers Start Using IDE or Code Editors? What Is the Size of VS Code Exe file? Additional Components and Tools Type of Components Additional Tools Top Extensions Features Telemetry CHAPTER SUMMARY CHAPTER 2 Exploring the User Interface INTRODUCTION Why Do We Use VS Code over Bracket, Atom, or Another Code Editor? Commands Line Customization Keymaps How to Create Your Own Extensions API? What Can Extensions Do? INSTALL THE POWERSHELL EXTENSION BASIC USER INTERFACE ADDITIONAL OPTIONS Minimap Multi-selection Outline View Activity Bar Command Palette How to Open the Command Palette in the VS Code Some Useful Shortcuts Keys for VS Code in Windows Commonly Used Commands Navigation Zen Mode Centered Editor Layout Tabs Tab Ordering Editor Groups Grid Layout Some Useful Keyboard Shortcuts Some Keyboard Rules Theming Declarative Language Features CHAPTER SUMMARY CHAPTER 3 Files, Folders, and Projects THE BASICS OF VISUAL STUDIO CODE FILES, FOLDERS, AND PROJECTS Basic Layout Working with Files Configuring the Editor Steps to Go to Setting Options Save/AutoSave How to Enable AutoAave in Visual Studio Code What Is VS Code “Workspace”? Untitled Multi-Root Workspaces Creation of Workspace How to Perform Searches in Workspace? How Does Source Code Work Inside a Workspace? How to Track Your Project in VS Code Workspace Using Git? What Happens When You Make Changes in Your Working Workspace? Search across Files File Encoding Support File and Folder Icons Icon Fonts Quick File Navigation FILES How to Open Multiple Files in VS Code How to Open Multiple Files with Tabs in Visual Studio Code How to Open Multiple Files Editor in Separate Windows in VS Code How to Create New Files and Files Inside a Folder? FOLDER What Are Development Folders? PROJECT Project in VS Code How to Create a New Project How to Make a New C# Project in VS Code How to Create a New Python Project PROJECT MANAGEMENT IN VS CODE Project View Create a Project Import a Project or Module in Java Project Add a Dependency inthe Project How to Add and Export JAR Files Configure Java Development Kit JDK for Creating Projects Lightweight Mode in VS Code HOW TO BUILD A NEW PROJECT FROM GIT How Do I Create a New Branch? CHAPTER SUMMARY CHAPTER 4 Editing Code in Your Language BASIC EDITING OF LANGUAGE Keyboard Shortcuts Adding Multi-Cursor Using the Mouse Default Key Binding Find and Replace EDITING CODE IN YOUR LANGUAGE Language Documentation Changing the Language for the Particular Selected File LANGUAGE IDENTIFIER Adding a Files Extension to a Language JAVASCRIPT WORKING WITH JAVASCRIPT JavaScript Projects (jsconfig.json) Location of jsconfig.json Write jsconfig.json Snippets Built-In Snippets Install Snippets from the Marketplace JSDoc Support Type Checking Hovering Information Signature Help Auto Imports Formatting JSX and Auto-Closing Tags Code Navigation Rename Refactoring Organize Imports Code Actions on Save Code Suggestions Update Import on File Move Linters Debugging Debugger Extensions HTML How IntelliSense Works in HTML? Close Tags Auto-Update Tags Hovering Formatting Emmet Snippets HTML Custom Data HTML Extensions JAVA Installation of Java in VS Code Working with Java Source Files VS Code Workspaces Java Project in VS Code VS Code Work Contains Java Project Project View Code Navigation Code Completion Debugging Testing C++ Install a Compiler Write the First Program in VS Code Debug C++ in VS Code Conditional Breakpoints Function Breakpoints Expression Evaluation JSON IntelliSence and Validation PYTHON Installation of Python and the Python Extension Run Python Code Ways to Run Python Program Autocomplete and IntelliSense CSS, SCSS, AND LESS Syntax Coloring and Preview Folding Emmet Snippets Using Tab Key for Emmet Expansions Emmet Abbreviations When quickSuggestions Are Disabled How to Disable Emmet Abbreviations in Suggestions? Emmet Suggested an Ordering List Use of Filter Comment Filter in Snippets Install Sass and Less into CSS CSS, SCSS, and Less Settings Configuration TYPESCRIPT Install the TypeScript compiler Syntax and Semantic Highlighting in TypeScript IntelliSense Snippets in Visual Studio Code How to Install Snippets from the Marketplace Custom Snippets Snippet Scope in Typescript Hovering Information Auto Imports Formatting JSX and auto-closing tags Code Navigation Refactoring TYPESCRIPT’S UNUSED VARIABLES AND UNREACHABLE CODE Organize Imports Code Actions on Save Code Suggestions POWERSHELL Installation of the PowerShell Extension Install from the Command Line Major Features of PowerShell PowerShell Extension Settings Multi-Version Support CHAPTER SUMMARY CHAPTER 5 Integrating with Source Control USING VERSION CONTROL IN VISUAL STUDIO CODE TYPES OF VERSION CONTROL PURPOSE OF VERSION CONTROL USE OF VERSION CONTROL SYSTEM INTEGRATION WITH GIT SOURCE CONTROL VISUAL STUDIO CODE AND GIT SOURCE CONTROL Git Status Bar Actions Gutter Indicators Viewing Diffs Diff Editor Review Pane Timeline View Git Output Window Git Extensions Git Blame Working with Branches GitLens Git History Git Support Commit in GitHub Cloning a Repository What Is Forking in GitHub? Git Command Palette Branches and Tags Remotes in Github Working with Remotes Showing Your Remotes Git Remote Add Fetching and Pulling Branch Pushing to Remote Branch Git Remove Remote Git Remote Rename Git Show Remote Git Change Remote Adding Remote Repositories Fetching and Pulling from Your Remotes Pushing to Your Master Inspecting a Remote SCM (SOURCE CONTROL MANAGEMENT) The Benefits of SCM Features Source Control Model Source Control View Input Box of SCM SVN Benefits of the Version Control System CHAPTER SUMMARY CHAPTER 6 Debugging Code DEBUGGER EXTENSIONS Auto Attach Additional Configuration Configuration Node Console Launch Its Configuration to Support npm and Other Tools How to Enable Node.js Debug Mode in VS Code VS Code Debugging in Action Debug with Nodemon Various Options to Debug in Node.js DEBUGGING TOOLS What Is Debugging Tool? Debugging Tools Features Debugging Tools Comparison Debugger Features Advantages and Disadvantages LINTING What Is a Linter? Why Is Linting Important? How Does a Lint Tool Work? When to Use the Lint Software Basic Lint Tools Enable Linters in the VS Code General Linting Settings Specific Linters CHAPTER SUMMARY CHAPTER 7 VS Code Extensions WHAT IS VS CODE MARKETPLACE? How to Open VS Code Marketplace? Extension Marketplace in Visual Studio Code Let’s Start with How to Browse for the Extensions How to Install an Extension? Find and Install an Extension BRACKET PAIR COLORIZER EXTENSION Extension Details Extension View Filter and Commands How to Search for an Extension? How to Manage Extensions How Do You List All the Installed Extensions? How to Uninstall an Extension? How to Disable an Extension How to Enable an Extension How to Enable Extension Auto-Update How to Update an Extension Manually How to Configure Extensions Recommended Extensions Command-Line Extension Management of the Extensions What Are Extensions View Filters? Sorting Extension Categories and Tags in Extension Install from a VSIX Workspace Recommended Extensions How to Stop VS Code from Providing Extension Recommendations in VS Code? Are Extensions from the Marketplace Secure? ONE DARK PRO EXTENSION FOR VISUAL STUDIO CODE AUTO-CLOSE TAG EXTENSION FOR VISUAL STUDIO CODE Some Features of Auto-Close Extension Usage SUBLIME TEXT 3 MODE EXTENSION FOR VISUAL STUDIO CODE Configuration SETTINGS SYNC EXTENSION FOR VISUAL STUDIO CODE Issues When Syncing Features of Settings Sync Keyboard Shortcut REACT NATIVE TOOLS EXTENSION FOR VISUAL STUDIO CODE About the Extension GIT LENS EXTENSION FOR VISUAL STUDIO CODE GitLens Settings Git Code Lens Settings CSS PEEK EXTENSION FOR VISUAL STUDIO CODE Live Server Installation PRETTIER EXTENSION FOR VISUAL STUDIO CODE Prettier Versions Why Do We Use Prettier? Why Should I Use the Live-Server Extension? Installation of Prettier Some essential points of Prettier: Snippets Installation Supported Languages File Extensions Class helper Console Method LIVE SASS COMPILER EXTENSION FOR VS CODE There Are Some Shortcuts for SASS Feature of Live Sass Compiler Installation REST Client Usage Workflow Request Line Request Headers QUOKKA.JS EXTENSION FOR VISUAL STUDIO CODE CODESNAP EXTENSION FOR VISUAL STUDIO CODE Feature COLOR HIGHLIGHT FOR VISUAL STUDIO CODE BETTER COMMENTS FOR VISUAL STUDIO CODE Configuration Files Supported Languages AUTO RENAME TAG FOR VISUAL STUDIO CODE Configuration HTML BOILERPLATE FOR VISUAL STUDIO CODE Usage INTENT RAINBOW FOR VISUAL STUDIO CODE Configuration DEBUGGER FOR CHROME FOR VISUAL STUDIO CODE Launch Attach Supported Features Locals Turbo Console Log MATERIAL THEME FOR VISUAL STUDIO CODE Installation Set the accent color Theme Color Color Formats Base Colors in the Material Theme Workbench Colors in the Material Theme Some Features Material Theme AUTOPREFIXER FOR VISUAL STUDIO CODE Installation Languages Supported by Autoprefixer Supported Settings EsLint on VS Code with Airbnb Javascript Style Installing EsLint and Airbnb Packages TERMINAL FOR VISUAL STUDIO CODE PATH INTELLISENSE FOR VISUAL STUDIO CODE Settings File Extension in Import Statements Show Hidden Files Auto Slash When Navigating to Folders Absolute Paths npm Intellisense Scan devDependencies Show Built-In (local) libs Package Subfolder IntelliSense TABNINE FOR VISUAL STUDIO CODE What Is Tabnine? Tabnine AI Assistant and AI Engine Key Features CodeStream Integrations in Codestream Requirements JUPYTER EXTENSION FOR VISUAL STUDIO CODE Working with Other Languages Quick Installation Useful Commands in Jupyter Supported Locales Jupyter Notebook Quick Start Features Support PLACE Installation MAVEN FOR JAVA EXTENSION What Maven does? Features Requirements Basic Usage Additional Configurations LANGUAGE SUPPORT FOR JAVA FOR VS CODE Installation of Language Support for Java Some Features Java Tooling JDK Java commands Java Supported VS Code Settings Semantic Highlighting BEAUTIFY JAVASCRIPT, JSON, CSS, SASS, AND HTML EXTENSION FOR VS CODE VISUAL STUDIO INTELLICODE FOR VISUAL STUDIO CODE About IntelliCode Workloads VS Code JSHint Extension Environment Setup Configuration Browser-Like Environments VS Code JSHint Installation Using Node.js Plug-Ins for Text Editor and Various IDEs KUBERNETES Installation Dependencies REMOTE DEVELOPMENT EXTENSION PACK FOR VISUAL STUDIO CODE Installation For Windows or macOS Linux CHAPTER SUMMARY APPRAISAL BIBLIOGRAPHY INDEX
Donate to keep this site alive
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.