Follow by Email

VueJS Project Setup



1) Different ways to installs :
a) Adding the <script></script> tag in the html head, can be downloaded in the local system and include local path as shown below, the library can be downloaded from the official link :  https://vuejs.org/v2/guide/installation.html 



    <script src="vue.min.js" type="text/javascript"></script>


                                     OR
   
b) Include the script directly from the CDN network as shown below.
(https://cdn.jsdelivr.net/npm/vue/dist/vue.js) and (https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js).


     <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js" type="text/javascript"></script>


c) With NPM :
                Npm command will install Browserify and Webpack and dependencies related to this packages. 

Webpack: For bundling the JS and CSS files which is used for production deployment.

Browserify:  It parses the AST for require () calls to traverse the entire dependency graph of the project. Adding a single <script> tag into your html and you're done!

        npm  install vue

    d) CLI Command line :

       npm install --global vue-cli
  
2) Create a project using webpack :

       vue init webpack demovue

3) Follow below steps for Updating the packages : 
       cd demovue
       npm install
       npm run dev