https://github.com/nurriyad/vscode-setup

This repo contains my vscode setup for different types of project
https://github.com/nurriyad/vscode-setup

eslint prettier setup vscode

Last synced: 11 days ago
JSON representation

This repo contains my vscode setup for different types of project

• Host: GitHub
• URL: https://github.com/nurriyad/vscode-setup
• Owner: nurRiyad
• Created: 2022-06-04T09:47:46.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-19T20:39:59.000Z (about 2 years ago)
• Last Synced: 2023-03-02T20:30:16.252Z (over 1 year ago)
• Topics: eslint, prettier, setup, vscode
• Homepage:
• Size: 28.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Riyad's VS Code Settings

Common Settings & Extensions accross all projects

[`settings.json`](./CommonSettingsExtensions/settings.json)


[`extensions.json`](./CommonSettingsExtensions/extensions.json)




FrontEnd Vanilla JS/TS Projects

[`.vscode/settings.json`](./Vanilla/settings.json)


> add "prettier" to the "extends" array in your .eslintrc.* file. Make sure to put it last, so it gets the chance to override other configs

```

npm init -y

npm i -D prettier

npm init eslint/config

npm install -D eslint-config-prettier

```




FrontEnd Vue Projects

[`.vscode/settings.json`](./Vue/settings.json)


```

npm init vue@latest

```

Linting Setup for Vue

```

 npm i -D eslint @antfu/eslint-config

```

.eslintrc

```

{

  "extends": "@antfu"

}

```

Add to your package.json

```

{

  "scripts": {

    "lint": "eslint .",

    "lint:fix": "eslint . --fix"

  }

}

```




Backend NodeJs Projects

[`.vscode/settings.json`](./NodeJS/settings.json)


> add "prettier" to the "extends" array in your .eslintrc.* file. Make sure to put it last, so it gets the chance to override other configs

```

npm init -y

npm i -D prettier

npm init eslint/config

npm install -D eslint-config-prettier

```