This section represents onboarding to the tools and technologies Softonix is used for building the projects. You need to understand how correctly chosen tools can speed up the development time. What is the proper way of using IDE, learn shortcuts, plugins and extensions. You will understand the skeleton for modern web development tooling: Node.js and it’s package manager: NPM
- IDE Workflow (Eslint, Volar and VSCode config)
- NPM
- ESLint
- Tech stack, base project intro
- Read Why VSCode? link
- Install VSCode IDE: link
- Install Node.js LTS: link
- Read What is NPM? link
- Read Why is linter important for development? link
- Practice top shortcuts for VSCode: link
- Branch name:
section-1-tooling - Tag1:
#section-1-tooling-start- Represent a clean application with ESLint installed with a config file.
- JSON file for VSCode configuration
- Tag2:
#section-2-tooling-end- Installed all extensions: Volar, ESlint, Vue Peek (Needed for later section: #5 Vue).
- Install project packages and run the project: npm install & npm run dev
- Updated configuration of VSCode based on config file.
- Turned off built-in Typescript in VSCode.
- JS Examples with bad and good linting. Showcased examples on how to format files using VSCode.
- JS Examples with navigation across the different files and how IDE can help. Search in file, search file, rename variables, show
Go back / Go forwardexamples.