Il documento è una presentazione di Roberto Messora riguardante l'uso di Visual Studio Code nello sviluppo web. Viene enfatizzata l'importanza delle estensioni per ampliare le funzionalità dell'IDE e viene descritto un flusso di lavoro per ASP.NET Core includendo strumenti come Yeoman, npm, Bower e Gulp per gestire progetti web reali. La presentazione include anche dettagli su testing e qualità del codice tramite strumenti come Karma e ESLint.

1. 18 NOVEMBRE
2016
Real World Visual Studio
Code
Roberto Messora
@robymes

2. Mi presento
• Ingegnere del software @
• ESRI & Microsoft specialist
• Membro di

3. Talk.About();
• VS Code: #anydeveloper #anylanguage
#anyplatform
• Da 0 ad ASP.NET Core
• Real world web development
Demo @
https://github.com/robymes/JoinTheExpert-
WebDay

4. VS Code: #anydev #anylang
#anyplatform

5. Extensions, extensions, extensions
• VS Code fornisce out-of-the-box una serie basilare
di funzionalità
• Tramite le estensioni è possibile aumentare di
molto gli scenari operativi dell’IDE:
• C#
• TypeScript
• Docker
• npm
• Bower
• Python
• …

6. Stack tecnologico
Node.JS/npm: Package manager
https://nodejs.org/en/download/
ASP.NET Core: Cross platform ASP.NET
https://www.microsoft.com/net/download
Yeoman: Scaffolding tool per web app
npm install –g yo
npm install –g generator-aspnet

7. 1 - demo
Da 0 ad ASP.NET Core con Yeoman

8. Beyond the basics
• Il template di base di un progetto ASP.NET non è
sufficiente per lo sviluppo di applicazioni web real
world
• È necessario modificare alcune impostazioni e
impostare un processo di test e build in particolare
per lo sviluppo client side (JavaScript / TypeScript)

9. Stack tecnologico
npm: Node.JS Package Manager
package.json
Bower: Repository di librerie di terze parti
npm install –g bower bower.json
Gulp: Task manager
gulpfile.js

10. Stack tecnologico
Karma: Test runner
karma.js
Jasmine: Unit testing
*_Spec.js
Eslint: Linter, code quality, code standards
.eslintrc.json, .eslintignore

11. 2 - demo
Personalizzare la configurazione di base
Test e build con Gulp

12. Grazie!
Contatti:
• Twitter: @robymes
• Github: robymes
• E-mail: robymes@gmail.com

13. Thank you! Questions?
https://twitter.com/ugidotnet