Creating the Vue-CLI project

Here we will create the Vue-CLI project to be used in this recipe. This project will have custom settings to be able to work with the Buefy framework:

1. We need to open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:
   

> vue create bulma-vue

2. Vue-CLI will ask for you to choose a preset – select Manually select features:

? Please pick a preset: (Use arrow keys)
  default (babel, eslint) 
❯ Manually select features 

3. Now the Vue-CLI will ask for the features, and you will need to select CSS Pre-processors as an additional feature on top of the default ones:

? Check the features needed for your project: (Use arrow keys)
❯ Babel
  TypeScript
  Progressive Web App (PWA) Support
  Router
  Vuex
❯ CSS Pre-processors
❯ Linter / Formatter
  Unit Testing
  E2E Testing

4. Here the Vue-CLI will ask which CSS pre-processor you want to use; select Sass/SCSS (with node-sass):

? Pick a CSS pre-processor...