{"id":22492224,"url":"https://github.com/amjarmed/common-dev-settings","last_synced_at":"2026-04-10T07:54:21.688Z","repository":{"id":263035518,"uuid":"865953681","full_name":"amjarmed/common-dev-settings","owner":"amjarmed","description":"common files and setting for web development that i use in any new project","archived":false,"fork":false,"pushed_at":"2024-11-15T17:50:37.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T22:47:44.565Z","etag":null,"topics":["development-environment","nextjs","nodejs","reactjs","vscode","vscode-settings","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/amjarmed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-01T11:58:54.000Z","updated_at":"2024-11-15T17:50:41.000Z","dependencies_parsed_at":"2024-11-15T20:15:18.658Z","dependency_job_id":null,"html_url":"https://github.com/amjarmed/common-dev-settings","commit_stats":null,"previous_names":["amjarmed/common-dev-settings"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amjarmed%2Fcommon-dev-settings","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amjarmed%2Fcommon-dev-settings/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amjarmed%2Fcommon-dev-settings/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amjarmed%2Fcommon-dev-settings/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amjarmed","download_url":"https://codeload.github.com/amjarmed/common-dev-settings/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245918219,"owners_count":20693665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["development-environment","nextjs","nodejs","reactjs","vscode","vscode-settings","web"],"created_at":"2024-12-06T18:16:33.892Z","updated_at":"2026-04-10T07:54:16.627Z","avatar_url":"https://github.com/amjarmed.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# common files and setting for web development to use in any new project with vscode\n\n### **1. Project-specific Settings**\n\nStore settings that apply only to the current project. These settings override global settings when you open the project.\n\n- File: `.vscode/settings.json`\n- Example: Configure formatting, tab size, or language-specific behaviors.\n  ```json\n  {\n    \"editor.tabSize\": 2,\n    \"editor.formatOnSave\": true,\n    \"files.exclude\": {\n      \"**/.git\": true,\n      \"**/node_modules\": true\n    },\n    \"typescript.tsdk\": \"./node_modules/typescript/lib\"\n  }\n  ```\n\n---\n\n### **2. Task Automation**\n\nDefine custom tasks for build processes, testing, or running scripts.\n\n- File: `.vscode/tasks.json`\n- Example: Run a Node.js server or a build process.\n  ```json\n  {\n    \"version\": \"2.0.0\",\n    \"tasks\": [\n      {\n        \"label\": \"Run Server\",\n        \"type\": \"shell\",\n        \"command\": \"npm start\",\n        \"problemMatcher\": []\n      },\n      {\n        \"label\": \"Build\",\n        \"type\": \"shell\",\n        \"command\": \"npm run build\",\n        \"problemMatcher\": []\n      }\n    ]\n  }\n  ```\n\n---\n\n### **3. Debugging Configurations**\n\nSet up debugging configurations for different environments (e.g., Node.js, Python, or browser debugging).\n\n- File: `.vscode/launch.json`\n- Example: Debug a Node.js application.\n  ```json\n  {\n    \"version\": \"0.2.0\",\n    \"configurations\": [\n      {\n        \"type\": \"node\",\n        \"request\": \"launch\",\n        \"name\": \"Launch Program\",\n        \"program\": \"${workspaceFolder}/src/app.js\"\n      }\n    ]\n  }\n  ```\n\n---\n\n### **4. Extensions Recommendations**\n\nRecommend extensions for the project. When a teammate opens the project, VSCode will suggest installing these extensions.\n\n- File: `.vscode/extensions.json`\n- Example: Recommend extensions like ESLint and Prettier.\n  ```json\n  {\n    \"recommendations\": [\n      \"dbaeumer.vscode-eslint\",\n      \"esbenp.prettier-vscode\",\n      \"ms-vscode.vscode-typescript-tslint-plugin\"\n    ]\n  }\n  ```\n\n---\n\n### **5. Snippets**\n\nDefine custom code snippets for the project, making repetitive coding tasks faster.\n\n- File: `.vscode/\u003clanguage\u003e.code-snippets` (e.g., `javascript.code-snippets`)\n- Example: Add a React component snippet.\n  ```json\n  {\n    \"React Functional Component\": {\n      \"prefix\": \"rfc\",\n      \"body\": [\n        \"import React from 'react';\",\n        \"\",\n        \"const ${1:ComponentName} = () =\u003e {\",\n        \"  return (\",\n        \"    \u003cdiv\u003e\",\n        \"      ${2:content}\",\n        \"    \u003c/div\u003e\",\n        \"  );\",\n        \"};\",\n        \"\",\n        \"export default ${1:ComponentName};\"\n      ],\n      \"description\": \"Create a React Functional Component\"\n    }\n  }\n  ```\n\n---\n\n### **6. Git Hooks or Workflow Configurations**\n\nConfigure Git hooks or tools to improve collaboration.\n\n- File: `.vscode/settings.json` (Git-related settings)\n- Example: Enable Git integration for specific files.\n  ```json\n  {\n    \"git.ignoreLimitWarning\": true,\n    \"git.enableSmartCommit\": true\n  }\n  ```\n\n---\n\n### **7. Code Linting and Formatting**\n\nSet project-specific linting and formatting rules, often paired with extensions like ESLint and Prettier.\n\n- File: `.vscode/settings.json`\n- Example:\n  ```json\n  {\n    \"eslint.enable\": true,\n    \"eslint.options\": {\n      \"configFile\": \".eslintrc.json\"\n    },\n    \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n  }\n  ```\n\n---\n\n### **8. Custom Keybindings**\n\nDefine keybindings specific to the project for a consistent team workflow.\n\n- File: `.vscode/keybindings.json`\n- Example:\n  ```json\n  [\n    {\n      \"key\": \"ctrl+shift+b\",\n      \"command\": \"workbench.action.tasks.runTask\",\n      \"args\": \"Build\"\n    }\n  ]\n  ```\n\n---\n\n### **9. Configure Language Settings**\n\nOverride default settings for specific languages in the project.\n\n- File: `.vscode/settings.json`\n- Example: Use different formatting for JSON files.\n  ```json\n  {\n    \"[json]\": {\n      \"editor.tabSize\": 4\n    }\n  }\n  ```\n\n---\n\n### **10. Workspace-Specific Plugins or Tools**\n\nConfigure tools like Jest, Mocha, or Cypress for testing and ensure the correct environment is used for them.\n\n- Example for Jest (`launch.json`):\n  ```json\n  {\n    \"version\": \"0.2.0\",\n    \"configurations\": [\n      {\n        \"type\": \"node\",\n        \"request\": \"launch\",\n        \"name\": \"Jest Tests\",\n        \"program\": \"${workspaceFolder}/node_modules/jest/bin/jest.js\",\n        \"args\": [\"--runInBand\"],\n        \"console\": \"integratedTerminal\",\n        \"internalConsoleOptions\": \"neverOpen\"\n      }\n    ]\n  }\n  ```\n\n---\n\n### Commonly Used Files in `.vscode`\n\n| File Name                  | Purpose                                         |\n| -------------------------- | ----------------------------------------------- |\n| `settings.json`            | Project-specific editor and workspace settings. |\n| `tasks.json`               | Define custom automation tasks.                 |\n| `launch.json`              | Configure debugging settings.                   |\n| `extensions.json`          | Recommend extensions for collaborators.         |\n| `\u003clanguage\u003e.code-snippets` | Define language-specific snippets.              |\n\n---\n\n## other setting\n\n```bash\n\ngit config --global fetch.autosync true\ngit config --global pull.rebase false\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famjarmed%2Fcommon-dev-settings","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famjarmed%2Fcommon-dev-settings","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famjarmed%2Fcommon-dev-settings/lists"}