Skip to content

Latest commit

 

History

History
82 lines (60 loc) · 1.54 KB

README.md

File metadata and controls

82 lines (60 loc) · 1.54 KB

VITE + VUE + tutto il cucuzzaro

Creazione di un nuovo progetto

  1. Crea una nuova cartella con il nome del progetto
  2. Apri la cartella in VSCode
  3. Apri un terminale da VSCode ed esegui il comando
npm create vite@latest .
  1. Per installare
npm install
  1. Per il live-server
npm run dev
  1. Pubblica la repo su GitHub

Installazione SASS

  1. Rimuovi l'import del file style.css dal file main.js
  2. Rimuovi il file style.css
  3. Esegui il comando
npm i --save-dev sass
  1. Crea il seguente scaffolding per i file scss:
src
|
| styles
| |
| | general.scss
| | partials
| | |
| | | \_mixins.scss
| | | \_variables.scss

  1. Importa il file general.scss in App.vue.
    Dovrai usare la direttiva @use e il tag <style> non dovrà avere l'attributo scoped.

  2. Importa i file parziali nel file general.scss.
    Dovrai usare la direttiva @use ed aggiungere as *

Installazione Bootstrap

  1. Per installare
npm i --save bootstrap @popperjs/core
  1. Nel file nel general.scss @import "bootstrap/scss/bootstrap" (in app.vue lo abbiamo già linkato)
  2. Nel main.js (per la logica di bootstrap) import * as bootstrap from "bootstrap"

Installazione FontAwesome

Da guardare su documentazione...

Installazione json-server

  1. Per installare
npm install json-server

Installazione Axios

  1. Per installare
npm i axios

CHE DIO CE LA MANDI BUONA!