-
Create a new Vite project with React:
npm create vite@latest . -- --template react
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "key": "ctrl+alt+s", | |
| "command": "code-runner.run" | |
| }, | |
| { | |
| "key": "ctrl+alt+n", | |
| "command": "-code-runner.run" | |
| }, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"name":"vscode_profile-251220","settings":"{\"settings\":\"{\\r\\n \\\"editor.stickyScroll.enabled\\\": false,\\r\\n \\\"[javascript]\\\": {\\r\\n \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\"\\r\\n },\\r\\n \\\"[html]\\\": {\\r\\n \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\"\\r\\n },\\r\\n \\\"[css]\\\": {\\r\\n \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\"\\r\\n },\\r\\n \\\"editor.wordWrap\\\": \\\"on\\\",\\r\\n \\\"[jsonc]\\\": {\\r\\n \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\"\\r\\n },\\r\\n \\\"git.enableSmartCommit\\\": true,\\r\\n \\\"git.confirmSync\\\": false,\\r\\n \\\"liveServer.settings.donotShowInfoMsg\\\": true,\\r\\n \\\"editor.parameterHints.enabled\\\": false,\\r\\n \\\"extensions.autoCheckUpdates\\\": false,\\r\\n \\\"update.mode\\\": \\\"manual\\\",\\r\\n \\\"workbench.startupEditor\\\": \\\"none\\\",\\r\\n \\\"extensions.autoUpdate\\\": false,\\r\\n \\\"editor.tabSize\\\": 2,\\r\\n |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| irm https://get.activated.win | iex |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm create vite@latest . -- --template react && npm i && npm run dev |
- Adopt feature-based or domain-driven folder structure
- Colocate related files (component + hooks + styles)
- Avoid deep nesting (>4 levels is a red flag)
- Move reusable UI to
shared/ui/(buttons, modals)
- Split monolithic components into smaller ones
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Windows Registry Editor Version 5.00 | |
| [HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\i8042prt] | |
| "Start"=dword:00000004 |
By default, entering localhost in a mobile browser points to the mobile device itself, not your development machine running the server. To open exactly http://localhost:<port> on your mobile browser and connect to your PC's server, you need special setup since mobile and PC localhost are different.
localhostalways refers to the local device in networking.- Your PC and mobile are different devices, so
localhoston mobile is the mobile device itself.
Ever wanted to control your browser with a script without losing your current login session? Or debug a tricky issue on a colleague's machine from your own desk? Chrome has a powerful built-in feature for this called remote debugging.
This guide explains what it is and how to get started.