Skip to content

Configurare WebStorm

Andrea Mantovani edited this page Feb 28, 2016 · 3 revisions

Per la realizzazione di Chronos si è scelto di usare WebStorm in quando buon ambiente di sviluppo per le tecnologie web: HTML5, CSS3, JavaScript.

Usare tsconfig.json

Il back-end di Chronos è realizzato interamente in TypeScript. Per poter adoperare correttamente tutte le sue funzionalità occorre settare correttamente le opzioni del compilatore. Invece di settare a mano sulle opzioni di TypeScript offerte da WebStorm, è allegato nel repo il file tsconfig.json con già le direttive corrette.

Di default WebStorm si aspetta che le impostazioni per il compilatore siano settate manualmente e perciò è necessario modificare le impostazione di TypeScript per poter leggere il nostro file json. Seguendo la path:

Settings > Langauges & Frameworks > TypeScript

nella sezione Compiler troverete due radio button. Selezionate l'opzione Use tsconfig.json per ottenere il risultato voluto.

Configurare il run

L'esecuzione del main Chronos si aspetta che avvenga sempre rispetto alla directory principale del progetto. Usando WebStorm bisogna indicarlo nel run del progetto. Andate in:

Run > Edit Configurations...

e nel campo JavaScript file inserite: src/app.js. In questo modo quando lancerete il progetto si avvierà nel modo corretto.

Includere i moduli di Node.js

TSC non riconosce i tipi di Node.js dando un errore in fase di compilazione. Se è necessario usare dei moduli di Node.js bisogna includerli nel progetto attuale dando il comando nella root di Chronos:

typings install node --ambient

si creerà una cartella typings in cui verranno messe le definizioni dei framework interessati. Nel nostro caso, il file node.d.ts contiene tutti i tipi che servono. Per includerli basta referenziarli tramite l'opportuna sintassi TypeScript:

/// <reference path="../typings/main/ambient/node/node.d.ts" />

la path fa riferimento alla posizione src/app.js.

Clone this wiki locally