Putting It All Together
That’s a lot of information to take in. So, let’s build a quick little application that just displays some information on SpaceX rockets. This application won’t have any create, update, and delete actions. Instead, it will be purely read-only, however, you’ll learn how we can tie what you’ve learned about Vuex in this chapter together.
Note: Before you start, be sure to read Chapter 2: Scaffolding Projects With Vue CLI 3 if you are not familiar with Vue CLI 3.
To start a new project, run the following command out of your working directory.
$ vue create spacex-app
For the SpaceX application, you will need to select the following options.
- Progressive Web App (PWA) Support
- Router
- Vuex
- CSS Pre-processors
- Linter / Formatter (optional)
When prompted, select your preferred CSS pre-processor; this example will be using SCSS/SASS. For the Linter, you’re welcome to select your favorite Linter. This app will be using the Airbnb...
