Advanced development workflow

In this first section, we will improve our development workflow with new tools and packages. However, first, we need to set up our Fashion Store project.

Setting up the project

1. Generate a new project using the vue init command like we did in Chapter 5, Project 3 - Support Center, and Chapter 6, Project 4 - Geolocated Blog:

      vue init webpack-simple e-shop
      cd e-shop
      npm install
      npm install -S babel-polyfill

2. We will also install stylus:

      npm i -D stylus stylus-loader

3. Remove the content of the src folder. Then, download the sources files (https://github.com/Akryum/packt-vue-project-guide/tree/master/chapter7-download/src) and extract them in the src folder. Those contains all the app source code that have been already done so that we can move forward faster.
4. We need to install a few more packages in the dependencies:

      npm i -S axios vue-router vuex vuex-router-sync

Note

axios is a great library for making requests to the server and is recommended...