Base files we use to configure our repositories
- Formatting / Linting
- https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
- https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
- https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint
- https://marketplace.visualstudio.com/items?itemName=timonwong.shellcheck
- https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint
- Sharing
- Languages
Customise your eslint configuration with the following from @balupton's configuration file
{
"editor.detectIndentation": false,
"editor.formatOnSave": true,
"editor.insertSpaces": false,
"editor.renderControlCharacters": true,
"editor.renderIndentGuides": true,
"eslint.alwaysShowStatus": true,
"eslint.autoFixOnSave": true,
"eslint.enable": true,
"eslint.run": "onType",
"files.trimTrailingWhitespace": true,
"html.format.enable": true,
"json.format.enable": true,
"prettier.semi": false,
"prettier.singleQuote": true,
"prettier.useTabs": true,
"typescript.format.enable": true,
"typescript.suggest.completeFunctionCalls": true,
"typescript.tsdk": "./node_modules/typescript/lib",
"typescript.updateImportsOnFileMove.enabled": "always",
"typescript.validate.enable": true,
"markdownlint.config": {
"MD007": {
"indent": 4
},
"MD012": false,
"MD022": false,
"MD030": false,
"MD032": false,
"MD034": false
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"eslint.options": {
"ignorePattern": "**/*.d.ts"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
}- Formatting / Linting
Use HTTPie via the Terminal to download the appropraite base files:
# for all projects
http -d https://raw.githubusercontent.com/textileio/base/master/.editorconfig
http -d https://raw.githubusercontent.com/textileio/base/master/.gitignore
# for web projects (projects that are mostly html/javascript/typescript)
http -d https://raw.githubusercontent.com/textileio/base/master/.eslintignore
http -d https://raw.githubusercontent.com/textileio/base/master/.prettierignoreIf convenient, make sure all PRs are merged beforehand to avoid merge conflicts.
On go projects we want to run prettier on everything, but ignore the errors.
npx prettier --write "./**" 2> /dev/null || trueUninstall the old dependencies:
rm tslint.json
npm uninstall tslint tslint-reactInstall the dependencies:
# javascript/typescript/react projects
npm i -D prettier eslint eslint-config-bevry eslint-config-prettier eslint-plugin-prettier
# typescript projects
npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser
# react projects
npm i -D eslint-plugin-react eslint-plugin-react-hooks @types/reactAdd the eslint/prettier script to say package.json:scripts as build or lint or whatever.
eslint --fix --ext .mjs,.js,.jsx,.ts,.tsx .Add the following to package.json which enables our rules:
{
"eslintConfig": {
"extends": [
"bevry"
],
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
}
},
"prettier": {
"semi": false,
"singleQuote": true
}
}For typescript projects, you may wish to add the following to make the rules more compatible with typescript conventions:
{
"eslintConfig": {
"rules": {
"no-undefined": 0,
"default-case": 0
}
}
}Refer to these discussion threads:
- Add an
.editorconfigto each repository #3 - Adopt prettier on all repositories #4
- Convert TSLint to ESLint #35
- Adopt shellcheck for linting all bash/shell scripts #5
- Adopt awesome-travis/surge to deploy repositories to static hosting #6
Inspired by bevry/base
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent