VS Code
- the free cross-platform from Visual Studio Maker (Microsoft) and all in one solution to end all free code editor in all platform, for its extension-ability.
- download: https://code.visualstudio.com/
shortcut list
vscode | npp | |
duplicate line | alt+shift+up/down | ctrl+d |
setting and app path
- add git to VS Code path
- ctrl + shift + p: Preference: Open user settings (json)
- settings.json
{ "git.enabled": true, "git.path": "D:\\App_Dev\\PortableGit\\bin\\git.exe", "php.validate.executablePath": "D:\\App_Server\\xampp\\php\\php.exe", }
Setup Extension
- rewrap revived: hard word wrapping for comments, not too long line text
Setup Extension for Web Dev
- Live Sass Compiler by Ritwick Dey:
- it compile sass, scss to CSS, and it also auto install Live Server to live update Web browser from your saving action in VS code.
web dev
- live server by Ritwick Dey
- prettier - code format
- auto rename tag
- vscode-icon: for outliner
- tag
- auto rename tag
- auto close tag
- spell
- code spell checker
- rapidAPI: save request api with config panel, generate request in each language
- .env: config tool for connect db
- note:
- TODO highlight: mark todo and fixme
VS Code for Blender setup
ref:
Steps:
- install Extension: python
- make sure you have a python installed
- run a test code to see which python it use
- use that python to -m pip install fake-bpy-module (so your code gets syntax highlight and auto complete)
- note: once that install, you may find your normal python, your blender detection script may think it is inside blender
- install Ruff extension to check your code realtime.
Additional options:
- if you don't want to install fake-bpy-module directly to python path, you can cd to project path, and type in vs code's termninal
pythono -m venv dev_myproj
- it then creates a folder to store your this-time use library, then activate that virtual env,
.\dev_myproj\Scripts\activate
- if your powershell allows script, it should activate the virtual env
- now, install extra module into vritual env python, example
.\dev_myproj\Scripts\python.exe -m pip install fake-bpy-module
- in few seconds, your vs code auto detection should be able to know the extra library, if not, make sure your vs code right bottom corner switch to that virtual env python interpreter
Additional extension:
- Black formatter by MS: auto format for vs code