Preview 3-680.pptx

Cross-Platform Web and Cloud Development

1.0x

Preview 3-680.pptx

Created 2 years ago

Duration 0:00:00
lesson view count 12
Cross-Platform Web and Cloud Development
Select the file type you wish to download
Slide Content
  1. 3-680

    Slide 1 - 3-680

    • Visual Studio CodeA deep dive on the code editor for OS X, Linux and Windows
    • Chris Dias - Microsoft
    • Erich Gamma - Microsoft
    • John Papa - johnpapa.net
    • //build/ content is being presented by Microsoft Office Mix The video for this session will be available shortly
  2. >300

    Slide 2 - >300

    • suggestions
    • >55%
    • non-Windows
    • > 600
    • insiders
    • >1500 points on HN
    • >3K
    • smiles
  3. editor

    Slide 3 - editor

    • IDE
    • lightweight/fast
    • file/folders
    • many languages
    • many workflows
    • keyboard centered
    • project systems
    • code understanding
    • debug
    • integrated build
    • File>New, wizards
    • designers
    • ALM integration
    • platform tools
    • ...
    • lightweight/fast
    • file/folders with project context
    • many languages
    • keyboard centered
    • code understanding (some languages)
    • debug
    • task running
  4. Visual Studio Code a new choice of tool that combines the simplicity of a code editor with what developers need for their code-edit-debug cycle.

    Slide 4 - Visual Studio Code a new choice of tool that combines the simplicity of a code editor with what developers need for their code-edit-debug cycle.

  5. Visual Studio Code

    Slide 5 - Visual Studio Code

    • runtimes
    • node.js, ASP.Net 5
    • languages - basic*coloring, brackets, indent
    • CoffeeScript, Python, Ruby, Jade, Clojure, Java, C++, R, Go, makefile, shell, powershell, bat, XML, Markdown, ...
    • languages - better+ IntelliSense, linting, outline
    • JavaScript, HTML, CSS, LESS, SASS, JSON
    • languages - best+ find all refs, refactoring
    • C#, TypeScript
    • source control
    • git
    • task running
    • gulp, grunt ...
    • * state as of preview
  6. Slide 6

    • + Squirrel for application updates
    • + FirstMate for TextMate syntax bundle support
  7. Monaco Editor

    Slide 8 - Monaco Editor

  8. IntelliSense

    Slide 13 - IntelliSense

    • parameter hints
    • goto definition/preview
    • goto symbol in file
    • goto any symbol
    • gutter
    • find all references
    • inline references
    • rename symbol
    • code actions
    • error/warnings
    • inline errors
  9. OmniSharpRoslyn

    Slide 14 - OmniSharpRoslyn

    • TypeScriptServer
  10. Slide 15

    • VS Code
    • OmniSharp Server
    • TypeScript Server
    • Node Dbg Adapter
    • Mono Dbg Adapter
    • Tools Service Architecture
    • JSON
    • C#, ASP.NET 5
    • TS, Node.js
    • C#, mono
    • JS, Node.js
  11. Protocols

    Slide 16 - Protocols

    • Request
    • Response
    • definition
    • Returns the file location of the symbol at the given file location
    • references
    • Returns the file locations that reference the symbol at the given file location
    • completions
    • Returns possible completions at a given file location
    • symbolDetails
    • Return a type information and documentation for the symbol at a given file location
    • format
    • Returns edit instructions to format a file
    • outline
    • Returns list of navigation targets for a particular file
    • open
    • Notifies the server that the editor host has opened a file
    • close
    • Notifies the server that a previously opened file is now closed
    • change
    • Notifies the server that a range of a file has changed
    • Request
    • launch
    • Launch a debugee
    • setBreakpoints
    • Sets multiple break points
    • continue, next, stepIn, stepOut
    • Execution control
    • stackTrace
    • Returns the stack trace from the current execution state
    • variables
    • Returns the children of all variables given a variable reference
    • Event
    • stopped
    • The execution of the debugee has stopped
    • exited
    • The debugee has terminated
    • Language Worker Service
    • Debugger Adapter Service
  12. Demo node.js – JavaScript, TypeScriptJohn Papa (johnpapa.net)

    Slide 17 - Demo node.js – JavaScript, TypeScriptJohn Papa (johnpapa.net)

  13. Demo ASP.NET 5 – C#Chris Dias

    Slide 18 - Demo ASP.NET 5 – C#Chris Dias

  14. Extensibility

    Slide 19 - Extensibility

    • CoreCLR
    • Expose more Roslyn power
    • ASP.NET 5 debugging
    • TypeScript debugging
    • Next
  15. Slide 20

    • http://code.visualstudio.com
    • Connect with us https://code.visualstudio.com/Home/Connect
    • Join the Insiders group
    • Send us a smile
    • Send us suggestionsSend us bugs
    • Call to Action
  16. OmniSharp http://www.omnisharp.net/

    Slide 21 - OmniSharp http://www.omnisharp.net/

    • TypeScript http://www.typescriptlang.org/
    • Yo generator http://jpapa.me/yohottowel 
    • Snippets http://jpapa.me/ngstyles
    • VS Code stuff http://johnpapa.net/visual-studio-code 
    • TypeScript demo http://jpapa.me/vscodetsdemo
    • Resources