Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Building full-stack Node.js web apps with Visual Studio Code
Ähnlich wie Building full-stack Node.js web apps with Visual Studio Code (20)
Mehr von Microsoft Tech Community
Mehr von Microsoft Tech Community (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Building full-stack Node.js web apps with Visual Studio Code
- 2. @john_papa
- 3. Agenda Push files to Azure @john_papa
- 5. Going to the cloud is easier with great tooling @john_papa
- 10. Scaffold a new Angular App ng new my-app @john_papa
- 11. Add routing Set your prefix Define your styles Verify the flle names This is just the beginning ng new my-app --routing --prefix ma --style scss --dry-run Scaffold a new Angular App @john_papa
- 12. $ ng build Development build Consider the Personas When we Build $ ng build --prod --build-optimizer Production builds Minified, optimized, cache busting @john_papa
- 13. Environment environment.prod.ts ng build --prod --build- optimizer Cache-busting all build files Source maps not generated Uglification yes Bundling yes environment.ts ng build only images referenced in css generated no yes Code Splitting yes AOT yes yes no Tree Shaking yesno @john_papa
- 14. @john_papa The Angular CLI makes production builds smaller and faster
- 15. Tools to Analyze and Optimize $ ng build --prod --stats-json $ webpack-bundle-analyzer dist/stats.json Generate webpack statistics Analyze the statistics Optimized build with source maps Analyze the source $ ng build --prod --sm $ source-map-explorer dist/main.xxx.js https://www.npmjs.com/package/source-map-explorer https://www.npmjs.com/package/webpack-bundle- analyzer@john_papa
- 18. Do the versions of Node match, both locally and in the cloud? @john_papa
- 19. @john_papa Automate the build and deploy steps with consistency and confidence
- 20. Debugging Node.js in Docker with VS Code @john_papa
- 22. Dockerfile 1 Self contained script @john_papa
- 23. Dockerfile 2 1 Provides a recipe for creating and running our app Self contained script @john_papa
- 24. Dockerfile 3 2 1 Configurable to adapt to different environments Provides a recipe for creating and running our app Self contained script @john_papa
- 27. Generate Docker files https://aka.ms/docker-code VS Code can do that! @john_papa
- 28. Multi-stage Docker files? @john_papa https://aka.ms/ng-essentials Angular Essentials Extension for VS Code
- 29. Running Angular in Docker Create Dockerfile @john_papa
- 30. Running Angular in Docker Build and RunCreate Dockerfile @john_papa
- 31. DebugBuild and Run Running Angular in Docker Create Dockerfile @john_papa
- 33. Get Your Docker Inside VS Code ! @john_papa https://aka.ms/docker-code
- 34. Tag, Run, Push from VS Code @john_papa https://aka.ms/docker-code
- 36. Docker to the Cloud Compose @john_papa
- 37. Docker to the Cloud TagCompose @john_papa
- 38. Docker to the Cloud PushTagCompose @john_papa
- 39. Docker to the Cloud PushTagCompose Web App in the Cloud @john_papa
- 42. Key Points 1 Great debugging experience @john_papa
- 43. Key Points 2 1 Azure and Node extensions Great debugging experience @john_papa
- 44. Key Points 3 2 1 Docker experience Azure and Node extensions Great debugging experience @john_papa
- 45. @john_papa
- 47. More Visual Studio Code at //Build Build and Dockerize a Java App With VS Code Build Nodejs APIs using Serverless Visual Studio Code Can Do That C++ Development Azure IoT Platform Services From zero to Azure with Python And VS Code Getting started with VS Code Tools for AI @john_papa