Starting a project using the Vue CLI
Vue CLI is the standard development tool for starting a Vue.js project. The CLI lets you add different supports in a project, such as support for Babel, ESLint, TypeScript, Progressive Web Apps (PWAs), PostCSS, unit testing, and end-to-end testing.
Make sure you have the npm that we installed in Chapter 2, Setting Up a Development Environment. If you have forgotten to install the npm, you can go to https://nodejs.org/en/ and install the latest Long Term Support (LTS) version of Node.js.
If you weren't able to install the Vue.js CLI in Chapter 2, Setting Up a Development Environment, you can do so now by running the following command:
npm install -g @vue/cli
The preceding command installs the Vue CLI globally. The last part of the npm
command is the package name, while -g
means globally.
After installing the Vue CLI, let's create our first Vue.js app and build a simple Todo app to try out the common features of the Vue component...