DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > Introduction to Visual Studio Code

Introduction to Visual Studio Code

Here is a promising tool for source code editing across platforms and multiple languages. It's loaded with features and a clean uncluttered interface. And it's free and open source!

Mohamed Radwan user avatar by
Mohamed Radwan
·
Aug. 17, 16 · Web Dev Zone · Opinion
Like (2)
Save
Tweet
6.03K Views

Join the DZone community and get the full member experience.

Join For Free

visual studio code is microsoft’s tool for source code editing and it is designed for windows , linux , and os x . it’s a tool used as a support for embedded git control , debugging, syntax highlighting, snippets, intelligent code completion, and code refactoring. it is an agile, cross-platform, and multi-language editor, which you can download directly from visual studio website .

0-visual studio code

overview of visual studio code user interface

the main user interface of visual studio code is divided into five sections:
1. menu bar
2. view bar
3. side bar
4. editor
5. status bar

1-user interface of visual studio code

the first section at the top will be your menu bar, then on the extreme left-hand side you have got the view bar. next to the view bar you have the sidebar. the big area in the center is where you have your editor, and at the bottom there is a status bar.

on the menu bar , you have got a file menu. the file menu will give you access to various file related functions so you can open files/folders, save files, close editor/folders, etc.

the edit menu will give you access to various basic editing functions such as undo, redo, cut, copy, paste, and also the find and replace functions.

on the view menu, you can access and also toggle various of the user interface related components so you can switch between various areas of the view bar.

the go to menu allows you to do basic navigation in your code so you can navigate forward, backward, access the navigation history as well as go to specific file, symbol, definition, or a line number.

the help menu gives you access to the documentation and release notes and also checks for updates.

the view bar on the left-hand side works in conjunction with the side bar. as you navigate between these various functional areas, you will also change the view of the sidebar.

on the status bar , you will be able to access various extension related functions. you will also see icons related to git support so from here you can perform functionalities such as switching between branches and you can also synchronize changes in your local repository with your remote repository.

next to that there are errors and warnings and that’s going to be dependent on the type of project that you are editing so if there are errors and warnings, you will be able to see those down here.

on the right-hand side of the status bar, it shows current line number and column , it shows to us that we are using spaces or tabs and the number of spaces. it will show the encoding of the current file and then also it will allow us to set the end of line sequence.

smiley face allows you to tweet feedback to the visual studio code team. you can also submit a bug from here so this will take you to visual studio code repository on github from where you can open an issue.

conclusion

the announcement and a release preview of visual studio code were done at microsoft’s build conference in 2015 . later in the same year, the release was done under the mit license, the source code was posted to github , and the announcement of extension support was done. in 2016, visual studio code was released to the web as free, open source, and able to run everywhere no matter what os you are using. there are many regular updates which are very easy to install, and all updates are released on all platforms simultaneously.

Visual Studio Code

Published at DZone with permission of Mohamed Radwan, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • How to Submit a Post to DZone
  • DZone's Article Submission Guidelines
  • Which JVM Version Is the Fastest?
  • 12 Kick-Ass Software Prototyping and Mockup Tools

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo