Visual Studio Sublime... I mean Code.

Visual Studio Code


Visual Studio Code (released in April 29 2015) is a new text editor from Microsoft. Code is a light weight text editor for web development and scripting.

It has been well known that Visual Studio has way too much overhead for web development which nowadays uses gulp/grunt to execute build tasks and jspm/bower to fetch packages. You don't need solutions, projects and server explorers to develop a web site. All you need is a good text editor and console.


Code is here to set us free from Visual Studio overhead

Visual Studio Code doesn't have Server Explorers or project templates. It doesn't event know how to do the .NET project file. However it knows few tricks which helps in scripting.


Codes default color theme is a dark and well balanced. Syntax highlighting works nicely with HTML, Javascript, Typescript and so forth. Code has also intellisense for HTML, Javascript, TypeScript, C#, JSON packages and so on.


Visual Studio Code UI

 Main Window has four different sections
1) Menubar at top (like all windows app do!)
2) File/Search/Git/Debug selections at left
3) File listing at left
4) Main area at right

Code doesn't support tabs, which seems a bit weird at first. However user can split right pane into multiple different panes:

I'm used to editors with tabs, but for some weird reason I don't miss tabs at Code.
Code has "working files" section which contains all the files that are "opened". It also shows saving status with circle symbol next to filename.

Unsaved changes can be easily reverted by right clicking file and selecting "Revert File".

Latest version of Code included extension support. Now developers can write their own extensions for Code and this is all open source (like the Code itself!)


Extensions are accessed with Codes command palette. Command palette is opened by pressing F1 (this feature is actually one of the most important ones in Code). Extensions are installed easily by just typing ext install (extension name). All the available extensions are listed in Visual Studio Marketplace


For full feature list of Code, see this page Visual Studio Code Documents




18 comments:

  1. This is a great post. I like this topic.This site has lots of advantage. It helps me in many ways.Thanks for posting this again.
    Web development Company in India Company | Web development Company Bangalore
    Web Development Company in Bangalore | Responsive Web development

    ReplyDelete
    Replies
    1. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free.website agency

      Delete
  2. This blog explains the details of most popular technological details. This helps to learn about what are all the different method is there. And the working methods all of that are explained here. Informative blog.
    PTE Training in Chennai

    ReplyDelete
  3. As a website design company .Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete
  4. Web India Market
    Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete
  5. Web Design Sydney: It is a great sharing...I am very much pleased with the contents you have mentioned. I wanted to thank you for this great article. .Logo Design Sydney,Logo Design in Coimbatore,Brochure Design in Coimbatore

    ReplyDelete
  6. We Create This Blog Learn Php at home is for beginner Programmers and Developers that should be learn web development using php step by step and can do examples of php with easy ways to Explain.

    ReplyDelete
  7. Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. webdesign

    ReplyDelete
  8. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a .Net developer learn from Dot Net Online Training from India. or learn thru ASP.NET Essential Training Online . Nowadays Dot Net has tons of job opportunities on various vertical industry.
    JavaScript Online Training from India

    ReplyDelete
  9. Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks.Web Design Malaysia

    ReplyDelete
  10. Spark interact web design sydney is recruiting for 2018 check out the great new positions and apply online now

    ReplyDelete
  11. Spark Interact web design Agency Sydney with 12+ years experience in Web development & WordPress. With High quality Website Design & Affordable prices. Check below the website links for more details (Apply for Job at Spark Interact)
    web design
    website design sydney
    web development sydney
    web designers
    web designer sydney
    logo design sydney
    web developers sydney
    website designers sydney
    website designers
    sydney web design
    web designers sydney

    ReplyDelete
  12. You have discussed an interesting topic that every designer to know. Very well explained with examples. Spark interact is recruiting for 2018 check out the great new positions and apply online now Visit web design sydney and upload your resume.

    ReplyDelete
  13. Thank you for your guide to with upgrade information.
    Dot Net Online Training

    ReplyDelete