Approaches to Install Vue JS
The VueJs can be used in three different ways listed below:
- Directly included CDN file.
- Install through the npm.
- By CLI use VueJS
Directly include CDN file:
You need to download the VueJS Development Version and Production Version then include it in the script tag. CDN:
- For learning purpose, you can use below script(with the specific version):
<script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
- For production purpose, you can use below script:
<script src=”https://cdn.jsdelivr.net/npm/vue@2.6.11″></script>
- For ES modules compatible, use below script:
<script type=”module”>
import Vue from ‘https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js’
</script>
Install through the NPM:
Before applying this procedure you must have installed npm, to check npm installed or not run the below command:
npm -v
If not, you can install that through node.js installation procedure for:
Now you are ready to install the VueJS, to do so run the below command. It will install the most updated stable version of VueJS.
npm install vue
Using CLI:
Open your terminal or command prompt and run the below command.
npm install -g @vue/cli;
Vue.js Introduction & Installation
Vue JS is a JavaScript framework used to design and build user interfaces. It is one of the best frameworks for Single Page Web Applications. It is compatible with other libraries and extensions as well.
In the development field, there may be so many issues that can not be solved by using a single library, so the VueJS is compatible with other libraries so you can easily go for it. The VueJS is supported by all popular browsers like Chrome, Firefox, IE, Safari, etc. You can easily compare this library with your favorite libraries.