https://github.com/500tech/code-style
https://github.com/500tech/code-style
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/500tech/code-style
- Owner: 500tech
- Created: 2015-09-01T09:04:07.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-10-22T05:22:58.000Z (over 10 years ago)
- Last Synced: 2025-04-30T10:33:26.871Z (about 1 year ago)
- Size: 178 KB
- Stars: 8
- Watchers: 18
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 500Tech Code Style
This repository contains all the code style settings we use at 500Tech.
## ESLint
There are four files for eslint:
1. .eslintrc
2. .eslintrc-angular
3. .eslintrc-react
4. .eslintrc-both
All four files share the standard rule set. The first file (without a suffix)
is a clean rule set without any plugins. The last one includes all rules both
for angular and react.
It's best to add ESLint support to WebStorm:
1. npm i -g eslint eslint-plugin-react eslint-plugin-angular
2. File | Default Settings | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint
3. Enable
4. Node interpreter: /usr/local/bin/node
5. ESLint package: /usr/local/lib/node_modules/eslint
6. Check "Search for .eslintrc"
7. Put .eslintrc at the root of the project
**Note:** If you use angular/react versions of the file,
don't forget to remove the suffix in the filename.
## WebStorm Code Style
This file includes the default code style settings for WebStorm.
1. File | Import Settings
2. Import the file
3. Restart WS
4. File | Default Settings | Editor | Code Style
5. Select "500Tech Default" scheme (on the top)
**Note:** You might need to apply this scheme to existing projects.
## WebStorm Inspections
This file includes the default inspections settings for WebStorm.
This should work well together with ESLint configuration,
as the rules and the inspections are manually matched.
1. File | Default Settings | Editor | Inspections
2. Profile: Manage → Import
3. Select the "500Tech Default" profile
**Note:** You might need to apply this profile to existing projects.