Install npm in visual studio code

broken image
broken image

If you see the following options you can go here to learn more about scanning the task output. You can click on npm:serve or you can start typing the word serve and hit enter when it's selected to run it without using your mouse. This will examine your project and give you a list of the available scripts to run. From there type Tasks and click on the Run Task command. With your project open the command palette by using the menu item View > Command Palette or by using the keyboard shortcut Shift + CMD + P or Shift + CTRL + P on Windows. So that's how we run scripts from the command line but not everyone loves typing out commands every time they want to run a project. Here is a simple package.json of a project created using the Vue CLI. In this file, you will find metadata about the project, packages that this project depends on and scripts that are available to run. Whenever you see a package.json just know that this file is there to help you manage your project. If you're new to Node & NPM the good news is you don't need to know everything to get up and running. I have found that developers who are new to both NPM & Vue have some difficulty getting started so hopefully this will help. This will also work for any NPM project that has a package.json but I am going to focus on Vue for this article. In this tutorial, I am going to show you 3 ways to run your VueJS applications from Visual Studio Code.

broken image

3 ways to run VueJS applications from Visual Studio Code

broken image