Archivi tag: angularJS

Debugging Typescript con Visual Studio Code

Il Debugging di un’applicazione è una fase importante per individuare e risolvere problemi e bug, altrimenti impossibili da individuare e correggere.

Oggi in questo articolo del nostro blog vorremmo affrontare come questo aspetto, viene gestito all’interno di un IDE di sviluppo di nuova generazione, Visual Studio Code utilizzato da molti sviluppatori proprio per la sua versatilità e configurabilità avendo a disposizione numerosi plugin di terze parti che lo rendono flessibile e completo.

In particolare una volta installato sulla vostra macchina il prodotto, liberamente scaricabile dall’ apposito sito, per cominciare  apriamo subito il nostro progetto e per prima cosa notiamo che posizionandosi  al lato sinistro del numero di riga presente nell’area del codice è possibile decidere dove posizionare il nostro breakpoint che sarà rappresentato da un pallino rosso pieno, quello sarà appunto il nostro punto dove vogliamo bloccare l’esecuzione del programa ed entrare a runtime per capire quel che succede step-by-step.

Se decidiamo di eliminarlo o ci si posiziona nella finestra di debug e lo si elimina o disabilità deselezionandolo oppure direttamente sul pallino rosso relativo e scompare, vediamolo nell’immagine successiva.
Continua la lettura di Debugging Typescript con Visual Studio Code

Installare Bootstrap 4 come dipendenza di app Angular 5

E’ un pò di tempo che non scrivo un nuovo articolo per il mio Blog, oggi volevo riprendere con questo argomento: come installare Bootstrap 4.0.0-beta-2 come dipendenza di un progetto Angular 5.

1. Posizionarsi sulla root del progetto, tramite terminale Node.js eseguire il seguente comando:

npm install bootstrap@4.0.0-beta.2 –save –style sass

per chi non conoscesse bene le opzioni di node.js  –save permette di includere automaticamente il pacchetto all’interno della sezione delle dipendenze del progetto nel file package.json e –style indica il tipo di foglio di stile da usare nel nostro caso se si preferisce usare sass lo indichiamo.

2. Una volta terminata l’installazione del modulo bootstrap verrà segnalato un warning che indica che è necessario installare due dipendenze per far funzionare correttamente bootstrap che sono le seguenti:

npm install jquery@1.9.1 –save –style sass

npm install popper.js@^1.12.9 –save –style sass

3. Aprire il vostro angular-cli.json e aggiungere lo stile e gli script nel seguente modo:

"styles": [
        "styles.scss"
      ],
      "scripts": [
        "../node_modules/jquery/jquery.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],

Continua la lettura di Installare Bootstrap 4 come dipendenza di app Angular 5