DEV CORNER

[TT-ReBORN]

In this thread you can find Georgia-ReBORN dev resources and dev-related talk!

Tools:

I am using VS Code as my IDE with the recommended VS Code extensions listed down below, here is how it looks:

Recommended VS Code extensions:

Better Comments: You can display comments with nice colors which will make navigation through code much easier.

Codeium Best free A.I that uses latest ChatGPT 4 A.I for free, will help you immensely and I'm also using this when creating JSDocs.

Dracula Theme The best theme for coding imo, love the color scheme!

Error Lens: Will highlight errors in your IDE when you have missed something or when it's false code/syntax.

ESLint This needs no introduction, the industry standard linter that will make you code cleaner and better.

JS Refactoring Assistant Actually I use this with ESLint to code even cleaner, has some great linting rules.

Markdown Preview Github Styling Displays a formatted preview of .md and other files how they will look on Github.

Numbered Bookmarks You can mark/highlight and jump to code blocks with bookmarks for fast navigation.

Stylelint If you do web design/development, this is the ESLint equivalent for CSS.

Trailing Spaces Will highlight trailing spaces in your code.

Turbo Console Log No need to manually write tedious console.logs, it will do it for you.

---

Online Code Analysis:

The final recommendation and tip to use is https://www.sonarsource.com/products/sonarcloud
I'm also using this with ESLint to have even more clean code. Been using this for more than half year now and it is super good, very professional and one of the best. It is free to use for personal open source projects and it is much better than other free code analysis tools like Codacy or CodeFactor.

---

Setup:

I am using VS Code portable, Git portable and foobar2000 portable. I do not know if you too, but there needs extra work to be done when configuring various stuff, this is the only downside ( setting up the extra configurations ) but you are much more flexible. As you know, when doing a new Windows install or copy your VS Code with all your stuff and projects to another PC.

I have all my projects in a different folder, i.e Georgia-ReBORN , Georgia-ReBORN-website and they have each a local portable
ESLint install and other node modules. Each project folder has its own config files in the root dir like this:

Installation:

1. Create a new folder on your desktop named Georgia-ReBORN as your workspace and install the portable foobar2000.
   Install Georgia-ReBORN as portable like in the installation instructions here:
   https://github.com/TT-ReBORN/Georgia-ReBORN#installation-instructions

2. Download the VS Code zip file and install VS Code as portable:
   https://code.visualstudio.com/docs/editor/portable

3. Download and install the optional recommended VS Code extensions from above.

4. Download and install the portable Git from here:
   https://git-scm.com/download/win
   I have moved the portable Git into the portable VS Code root to have everything in one place.

5. Setup your settings.json config in your VS Code ( mine is: D:\Visual Studio Code\data\user-data\User\settings.json )
   Add your portable Git path:

    // Is git enabled
    "git.enabled": true,

    // Path to the git executable
    "git.path": "D:\\Visual Studio Code\\PortableGit\\bin\\git.exe",

6. Download and install Node.js globally:
   https://nodejs.org/en

7. Install ESLint locally, open VS Code Terminal and install in your workspace root:
   npm install eslint --save-dev

8. Install ESLint JSDoc plugin locally, open VS Code Terminal and install in your workspace root:
   npm install eslint-plugin-jsdoc --save-dev

9. Your Georgia-ReBORN workspace should look like in the screenshot above.
   Now you can download and replace my custom config files from down below and everything should be ready and set
   for Georgia-ReBORN developing!

---

Configs:

The zip file contains the Georgia-ReBORN workspace template with its custom configs for your VS Code:
Georgia-ReBORN Workspace Template With Custom Configs.zip

---

This is just my workflow and recommendation how I think works best for this project to achieve a clean code base.

-TT