Visual Studio Code – lightweight powerful source code editor

Apr 21, 2017Blog, Web design

Visual Studio Code - lightweight powerful source code editor

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). Begin your journey with VS Code with these introductory videos.

Visual Studio Code in Action

1. Intelligent Code Completion

2. Streamlined Debugging

3. Fast, Powerful Editing

4. Code Navigation and Refactoring

5. In-Product Git Support

RHEL, Fedora and CentOS based distributions

Visual Studio Code is currently shiped with the stable 64-bit VS Code in a yum repository, the following script will install the key and repository:

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

Then update the package cache and install the package using dnf (Fedora 22 and above):

dnf check-update
sudo dnf install code

First Steps

To get the most out of Visual Studio Code, start by reviewing a few introductory topics:
Intro Videos – Begin your journey with VS Code through these introductory videos.
Setup – Install VS Code for your platform and configure the tool set for your development needs.
User Interface – Introduction to the basic UI, commands, and features of the VS Code editor.
Settings – Customize VS Code for how you like to work.
Languages – Learn about VS Code’s support for your favorite programming languages.
Node.js – This tutorial gets you quickly running and debugging a Node.js web app.
Why VS Code? – Read about the design philosophy and architecture of VS Code.

Keyboard Shortcuts

Increase your productivity with VS Code’s keyboard shortcuts.
Keyboard Shortcut Reference Sheet – Learn the commonly used keyboard shortcuts.
Keymap Extensions – Change VS Code’s keyboard shortcuts to match another editor.
Customize Keyboard Shortcuts – Modify the default keyboard shortcuts.

Available for macOS, Linux, and Windows

Visual Studio Code supports macOS, Linux, and Windows – so you can hit the ground running, no matter the platform.

Download Visual Studio Code

Free and open source. Integrated Git, debugging and extensions.

Download

David

Graphic and website designer, currently maintaining web servers for existing clients and building websites for new clients. In my free time, I learn about Linux, SSH, and WP-CLI and I’m preparing this blog.

Related Posts

25+ Free Fonts for Your Next Design Project

25+ Free Fonts for Your Next Design Project

Looking for some fresh and creative fonts to spice up your design projects in 2023? You’re in luck! In this blog post, we’ve curated a list of 25 free fonts that you can download and use right away. These fonts are suitable for various purposes such as logos,...

Adobe Photoshop Shortcuts – Infographic

Adobe Photoshop Shortcuts – Infographic

Thanks to Amanda from the Consumer Base that she sent us an ultimate Adobe Photoshop shortcuts cheat sheet. If you are a beginner or want to brush up your knowledge on Adobe Photoshop shortcuts then you are at the right place. Have look at it and let us your thoughts...

20 WordPress Tutorial channels on Youtube

20 WordPress Tutorial channels on Youtube

This post will introduce you a useful list of the 20+ best currently active WordPress tutorial related channels on Youtube. These channels are mostly focused on Tutorials and Guides for Developers and Designers that want to learn all about WordPress. Check them out...

12 AI Tools for Graphic and Website Designers

12 AI Tools for Graphic and Website Designers

Artificial intelligence (AI) is transforming the way designers work, from ideation to execution. AI tools can help designers automate tedious tasks, generate new content, and enhance their creativity. In this blog post, I will introduce AI tools that you can use to...

How to Pair Fonts – Tips and Tools for Perfect Font Combinations

How to Pair Fonts – Tips and Tools for Perfect Font Combinations

Font pairing is the art of choosing two or more fonts that work well together and create a harmonious design. Font pairing can make or break your website, logo, poster, or any other project that involves typography. But how do you pair fonts like a pro? In this...

The Ultimate Guide to Color Palettes

The Ultimate Guide to Color Palettes

Color palettes are collections of colors that work well together and create a harmonious visual effect. They are essential for any design and art project, as they help to convey the mood, message, and style of your work. But how do you choose the right color palette...

Show/Hide Comments (0 comments)
L

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Social followers

Articles

Visits

Pin It on Pinterest

Shares