Progressive Web Apps Development
Be Very Aware!
This Web Site Is Under Construction
Work in Progress
Vscode is an alias for the Microsoft Visual Studio code editor
VScode is a lightweight open-sourced desktop editor than runs on Linux, Macs, and Windows
VScode is Central Command for creating, testing, and deploying PWAs, such as this one
VScode has built-in git
The built-in command line interface is used to interact with Gatsby, GitHub, and Netlify
Multi-root Workspaces - One can work with multiple project folders in VScode with multi-root workspaces. This can be very helpful when working on more than one projects or repo at a time. For example, one may want in the same workspace the product’s documentation repo and the product source code repo.
Simple to use builtin git commands user interface that enables using source control management without leaving the editor, including viewing pending changes diffs.
Look and feel customization
Built-in command line terminal
Syntax highlighting, bracket-matching, auto-indentation, box-selection, snippets, etc…
Built-in support for IntelliSense code completion, rich semantic code understanding and navigation, and code refactoring.
Checkout the VScode Market Place for extensions
Some usefull VScode extensions used to develop this site are:
VScode supports Markdown files out of the box. Start writing Markdown text, save the file with the .md extension and then toggle the visualization of the editor between the Markdown and the VScode rendering preview of the Markdown. VScode automatically synchronizes the Markdown editor and the preview views. Rendering is basic Markdown
In the Gatsby
develop mode, navigate in the browser to the Markdown page being edited. Refresh the page after a VScode save. Setting a VScode user preference, clicking on the browser will do a VScode save and refresh the page. Rendering is exactly the same as when rendered in the user’s browser
The VScode Instant Markdown Extension instantly delivers a preview of a Markdown file as it is being edited in the instant-markdown browser tab without having to do a VScode save when using the Gatsby
develop app. Rendering is basic Markdown
Probably the best Central Command and text editor I’ve used