Installation of VueJS: The VueJs can be used in three different ways those are listed below:
- Directly included CDN file.
- Install through the npm.
- By CLI use VueJS
- For learning purpose, you can use below script(with the specific version):
- For production purpose, you can use below script:
- For ES modules compatible, use below script:
import Vue from ‘https://firstname.lastname@example.org/dist/vue.esm.browser.js’
Install through the npm: Before applying this procedure you must have installed npm, to check npm installed or not run the below command:
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
By CLI use VueJS: Open your terminal or command prompt and run the below command.
npm install --global vue-cli
Let’s create a project through webpack:
- Step 1: Run the below command to create the project.
vue init webpack myproject
- Step 2: Now get into the myproject folder by using below command.
- Step 3: Run the below command to run locally your project.
npm run dev
- Introduction and Installation of Git
- Materialize | Introduction and Installation
- Svelte | Introduction and Installation
- Introduction and Installation process of Gulp
- Material UI Introduction and Installation for React
- Introduction and Installation of Heroku CLI on Windows machine
- Difference between VueJS and AngularJS
- Angular 7 | Installation
- XQuery | Installation and Example
- Installation of Node.js on Linux
- Installation of Node.js on Windows
- Laravel | Installation and Configuration
- Installation and Configuration Symfony Framework
- CakePHP Framework | Installation and Configuration
- p5.js | SoundFile Object Installation and Methods
- Slim Framework | Installation and Configuration
- WML | Introduction
- p5.js | Introduction
- CSS Introduction
- Introduction to ES6
Note: If the third step does not work then run npm install command and hit the third step again again.
The project structure will look like below image:
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.