Setting Up a Working Project
In the previous chapters, we laid the theoretical foundation for designing a web application in JavaScript using the Vue 3 framework. However, so far, we have not really gotten into a real project. That is what this chapter is about. We will use the new set of tools that comes along with Vue 3 to create a project from scratch and prepare a template that we will use in other projects. As is custom, this initial project for a web application is to build a To-Do list (the equivalent of Hello World). As we progress with the introduction of each new concept, we will over-engineer the application to turn it into something much more useful, or at the very least, more interesting to look upon.
Some of the practical skills we will learn here are as follows:
- Setting up your working environment and integrated development environment (IDE)
- Using the new command-line tools and the new Vite bundler to scaffold our application
- Modifying the basic template...
