0-configuracion-del-ambiente.md

0 - Configuracion del ambiente

Checklist de dependencias:

1. node v12.16.2+
2. git
3. visual studio code
4. visual studio code extensions
5. Stencil CLI

La principal dependencia para hacer aplicaciones en StencilJS es nodejs v12.16.2+. O la ultima version que tengas disponible

Revisa que tengas la version correcta de nodejs y git

Puedes revisar la version de node corriendo el siguiente comando.

node -v

Es muy recomendable que tenga instalado GIT para el versionamiento de codigo y poder navegar a traves de las distintas ramas del workshop. puedes instalarlo desde aqui: https://git-scm.com/downloads

Puedes revisar la version de GIT corriendo el siguiente comando en el terminal.

git -v

Obteniendo Visual Studio Code

https://code.visualstudio.com/

Obteniendo las extensiones de Visual Studio Code

Eslint - Integrates ESLint JavaScript into VS Code.

code --install-extension dbaeumer.vscode-eslint

EditorConfig - EditorConfig Support for Visual Studio Code

code --install-extension EditorConfig.EditorConfig

Prettier - Code formatter using prettier

code --install-extension esbenp.prettier-vscode

MDX - Provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.

code --install-extension silvenon.mdx

stylelint-plus - Modern CSS/SCSS/Less linter for vscode, support auto fix on save.

code --install-extension hex-ci.stylelint-plus

Extensiones Opcionales & Recomendadas por el Autor

Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!

code --install-extension aaron-bond.better-comments

Bookmarks - Mark lines and jump to them

code --install-extension alefragnani.Bookmarks

markdownlint - Markdown linting and style checking for Visual Studio Code

code --install-extension DavidAnson.vscode-markdownlint

GitLens — Git supercharged - Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

code --install-extension eamodio.gitlens

Monokai Pro - Professional theme and matching icons, from the author of the original Monokai color scheme.

code --install-extension monokai.theme-monokai-pro-vscode

Color Highlight - Highlight web colors in your editor

code --install-extension naumovs.color-highlight

Active File In StatusBar - Add statusbar entry to show path for currently active file.

code --install-extension RoscoP.ActiveFileInStatusBar

Sort lines - Sorts lines of text

code --install-extension Tyriar.sort-lines

Markdown All in One - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)

code --install-extension yzhang.markdown-all-in-one

Docker - Makes it easy to create, manage, and debug containerized applications.

code --install-extension ms-azuretools.vscode-docker

Document this - Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.

code --install-extension joelday.docthis

Instalacion de Stencil CLI

Ejecuta en un Shell o un Command Prompt

yarn global add

Ahora continua con 1-Introduccion a Stencil