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.
Installation Vue JS

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.
Welcome VueJs