Environment Setup for Vue JS
Procedure for Installation:
- Use the <script> tag inside the html file.
- Download VueJS from this site https://vuejs.org/v2/guide/installation.html, as per ur need.
- There are two versions:- production version and development version.
- The Development version will help with the warnings and debug mode while the production version is minimized.
- Here is the snapshot for the same.

By Using CDN
- From the CDN library also we can start using the VueJS file.
- For learning purposes, we can use the latest version with:
<script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
By Using NPM
- When using the large scale application it is recommended to install the npm package.
- It comes with module bundlers such as Browserify and Webpack, which helps in development.
- To install npm, use the following command:
- npm install vue
By Using CLI
- CLI is provided by VueJS to install view and for getting started with server activation.
- For installation using CLI, we require to have CLI installed in our device which is done with the following command:
- npm install –global vue-cli
- After installation, it will show the CLI version of VueJS.
- To create a project using Webpack, the following is the command:
- vue init webpack myproject
- Finally to get started, use the following command:
- cd myproject
- npm install
- npm run dev
- After the execution of npm run dev, it starts the server and provides the url for a display to be seen in the browser which is as shown in the following snapshot.
