create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

It is possible to customize the package's inputs by specifying a dictionary with these values: let dictionary = { page_counter_info: "Sovrascrive il contenuto del footer", page_counter : "Numero della pagina", default_font : "Scegli un font come default per il template", label_margins : "Margini della pagina", label_dimensions: "dimensioni totali 595 x 942 pixels", label_header : "Header", label_footer : "Footer", label_index : "Indice", label_text : "Testo", label_row : "Riga Vuota", label_column : "Colonna", label_table : "Tabella", label_list : "Lista", label_svg: "SVG", label_image : "Immagine", add : "Aggiungi", list_file: "Lista dei file", create_PDF: "Crea un template PDF", header : "Header", button_remove: "Rimuovi", button_remove_column: "Rimuovi Colonna", button_remove_table : "Rimuovi Tabella", button_remove_row : "Rimuovi Riga", content_header : "Contenuto Header", content_footer: "Contenuto Footer", content_row: "Contenuto della riga", alignment : "Allineamento", left : "Sinistra", top : "Sopra", right : "Destra", bottom: "Sotto", center : "Centro", style : "Stile", select : "Seleziona", fontsize : "Grandezza del font", margins : "Margini", words_preview : "Numero di parole approssimativo per la preview", content :"Contenuto", new_line : "shit + invio per andare a capo", page_break : "Nuova Pagina", before : "Prima", after : "Dopo", none : "Nessuno", bind_index : "Collega all'indice", columns_container: "Container delle Colonne", column_gap: "Distanza tra le colonne", width_auto : "Larghezza Auto", width_fill: "Larghezza Riempi", width : "Larghezza", max_width : "Larghezza Massima", auto_width : "Larghezza auto", height : "Altezza", max_height : "Altezza Massima", auto_height : "Altezza Auto", height_table: "Prima riga", dimensions : "Dimensioni", max_dimensions : "Dimensioni Massime", abs_dimensions : "Dimensioni Assolute", fill_expl : "riempie un rettangolo senza distorsione", abs_expl : "adatta a un rettangolo con distorsione", img_margins : "Margini dell'immagine", add_text : "Aggiungi Testo", add_img : "Aggiungi Immagine", add_svg : "Aggiugi SVG", add_column: "Aggiungi Colonna", add_row: "Aggiungi Riga", layout : "Layout", custom : "Custom", border : "Con bordi", no_border : "Nessun bordo", horizontal_lines : "Solo righe orizzontali", table_ch_color: "Colore dei caratteri della tabella", table_bg_color: "Colore dello sfondo della tabella", attributes : "Riga di Intestazione", details : "Dettagli", cells : "Celle del campo", cells_color: "Colore del campo", borders : "Bordi", row: "Riga", color : "Colore", pointer_color: "Colore del puntatore", ordered : "Ordinata", unordered : "Non ordinata", numbers :"Numeri", numbers_roman_small: "Numeri romani minuscoli", numbers_roman_big: "Numeri romani maiuscoli", letters_small : "Lettere minuscole", letters_big : "Lettere maiuscole", circle : "Cerchio", square : "Quadrato", svg_margins :"Margini dell'SVG", img_margings : "Margini dell'immagine", title_index: "Titolo dell'indice", id_index: "Identificativo dell'indice", create : "Crea", preview : "Preview" }; and CSS for the buttons: let css_root = { "--button-color": "#333", "--button-background": "#f4f4f4", "--font": "Segoe UI", "--fontsize" : "2em" } A list of placeholders for the files within the database (just the name of the file).

Additionally, it is also possible to pass a previously created JSON model.