Visual Studio Code for front-end developers | Visual Studio Code Can Do That?

Visual  studio code for newbie or a seasoned developer, code editor is an imperative part of your work. The problem, especially if you are a beginner, is that there are tons of choices for IDEs. And many of them share similar features, functionalities, and even UI. As a result, choosing the right IDE might actually take more time and effort that you thought.

If your question right now is: “which code editor should I start with?” then I would reply: “It depends, my friend.” Choosing a particular IDE significantly depends on a few factors: what type of developer you are, what kinds of environments you mostly work with, or whether you have an exclusive built-in feature that you absolutely need to get jobs done.

The main purpose of this blog is not to compare different IDEs, but to discuss my experience with VSCode. So in this post, I will:

• show a brief introduction to VSCode
• introduce the particular theme I’ve installed
• discuss helpful extensions I use
• show you how I leverage VSCode’s features to enhance my workflow.

Let’s get into it!

• HTML Snippets: add rich language support for the HTML Markup such as auto-close tags.
• JavaScript (ES6) code snippets: pretty self-explanatory
• Live Server: launch a local server with live reload features for your HTML or PHP site
• Markdown Preview Enhanced: run live server for your markdown file.
• Material Icon Theme: provides icons based on Google’s Material Design. To activate, click Setting => File Icon Theme => Select Material Icon Theme
• Prettier: beautifully format your JavaScript/ TypeScript/ CSS code.

Things I wish I’d known since the beginning

Apart from these themes and extensions, I would like to share with you how I use VSCode’s great features to boost productivity. These are all things that I didn’t know as a beginner, and that would’ve been very helpful for leveraging and facilitating my workflow.

Integrated Terminals

It is kind of inevitable that the more time you are in software development, the more important the Terminal becomes. As a JavaScript developer, I use the Terminal to install packages, run the development server, or even push changes in my current repository to GitHub.

VS code is light weight open source code editor. use it and enjoy it..

Node npm ENOSELF error - installing a package in its package in branch RxJS package

I was facing issue while installing node packages,

Please review error  screenshot as well,

SOLUTION  : just rename package.json file with package1.json and start executing your package command.

To fix that, open your package.json file and change/rename the name of the project.

Error was faced during package installation  as below :
$ npm install rxjs webpack webpack-dev-server typescript ts-loader


try out with this:
$ npm install webpack webpack-dev-server typescript ts-loader

if you face same issue, just rename package.json file as per my comment and execute your package it will create automatically new package file.