real world visual studio code
TRANSCRIPT
![Page 1: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/1.jpg)
18 NOVEMBRE 2016
Real World Visual Studio Code
Roberto Messora@robymes
![Page 2: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/2.jpg)
Mi presento• Ingegnere del software @
• ESRI & Microsoft specialist
• Membro di
![Page 3: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/3.jpg)
Talk.About();• VS Code: #anydeveloper #anylanguage
#anyplatform• Da 0 ad ASP.NET Core • Real world web development
Demo @ https://github.com/robymes/JoinTheExpert-WebDay
![Page 4: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/4.jpg)
VS Code: #anydev #anylang #anyplatform
![Page 5: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/5.jpg)
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• …
![Page 6: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/6.jpg)
Stack tecnologico
Node.JS/npm: Package managerhttps://nodejs.org/en/download/
ASP.NET Core: Cross platform ASP.NEThttps://www.microsoft.com/net/download
Yeoman: Scaffolding tool per web appnpm install –g yo
npm install –g generator-aspnet
![Page 7: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/7.jpg)
1 - demoDa 0 ad ASP.NET Core con Yeoman
![Page 8: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/8.jpg)
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)
![Page 9: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/9.jpg)
Stack tecnologico
npm: Node.JS Package Managerpackage.json
Bower: Repository di librerie di terze partinpm install –g bower bower.json
Gulp: Task managergulpfile.js
![Page 10: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/10.jpg)
Stack tecnologico
Karma: Test runnerkarma.js
Jasmine: Unit testing*_Spec.js
Eslint: Linter, code quality, code standards.eslintrc.json, .eslintignore
![Page 11: Real world Visual Studio Code](https://reader036.vdocuments.site/reader036/viewer/2022062412/5872b2821a28ab523c8b5d7d/html5/thumbnails/11.jpg)
2 - demoPersonalizzare la configurazione di baseTest e build con Gulp