[7] The installation process of Vue CLI

Step-by-step guide to installing Vue CLI and configuring your environment for modern Vue.js development.

Vue

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:
External libraries
  • Application files eg:
Application Files

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 CLI list of commands
vue create your-project-name
Options for Vue versions

cd your-project-name // to step into the installation folder
npm run serve // launch the initialized application
"npm run serve" command will notify you about the local domain where your application is running.

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.