– The installation process of Vue CLI!
Benefits of using VUE CLI
Vue CLI is a command-line tool of Vue JS. To detail this a bit more we need to talk about the codebases first. A codebase of an application has two main categories:
- External libraries eg:
- Application files eg:
These parts of the codebase are independent of each other. Due to this, the maintenance of these structures without a tool would be tiresome. They have to work along with each other. VueJS offers a Vue CLI tool that makes the maintenance and configuration simpler. Vue CLI is a tool manager that helps to configure different tools that make the task simpler. It can help to build the project either production or development. It can minimize and bundle your project code as well. So we do not need to include the vue.js files in the header, as you have seen in the previous notes. Furthermore, it created a server for our application locally.
Installing and checking available commands of Vue CLI
npm install -g @vue/cli
vue create your-project-name
cd your-project-name // to step into the installation folder
npm run serve // launch the initialized application
Conclusion and closing
Although I posted about the Composition API in the previous note, that is an advanced feature. I still have to touch the parts of the less advanced area like the Vue CLI. So I went over the command-line functionalities of VueJS that provide much faster work and a convenient way to configure the work environment. By the way, this is the official way! My first note on this topic is just the first step to clarifying the terms.