Skip to content

bonvi83/appunti-VUE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 

Repository files navigation

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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published