Eden Develop Environment
Eden Develop Environment is a integrated development environment of Eden, which provides several useful features.
New Features 🎉
- Eden Develop Environment now provides Lynx support, note that only format are supported in .tthml and .ttss files.
- Eden Develop Environment now provides support for translating files/directories/selected texts into other languages, you can right-click on file or directory or selected text in text editor to selected translation target language. You can choose to save a new copy with translated text or replace source file with translated version.
- Eden Develop Environment now provides a formatter for supported languages, you can define Eden Develop Environment as default formatter now. This feature is developed by jintian.andy.
Lint
Eden Develop Environment will only lint files when current project is a Eden project, but formatting will still work.
Eden Develop Environment currently support the following languages:
- JavaScript (JavaScriptReact)
- TypeScript (TypeScriptReact)
- CSS
- SCSS
- LESS
- Vue
Eden implemented company's code style guide.
Fix a lint problem individually by Quick Fix
If a lint problem is auto fixable, you can fix it by Quick fix individually without affect other codes.
Ignore files
You can provide a file .edenlintignore
to define which files and directories to ignore, it has same syntax as .gitignore
.
Custom rules
You can customize your rules by providing a .edenlintrc.json
file, the format of this file is as follows:
{
"JavaScript": {
"rules": {
"quotes": ["error", "single"]
}
},
"TypeScript": {
"rules": {
"@typescript-eslint/ban-ts-ignore": 1
}
},
"Vue": {
"rules": {
"indent": ["error", 4]
}
},
"Style": {
"rules": {
"indentation": [4, { "severity": "error" }],
"no-missing-end-of-source-newline": [true, { "severity": "error" }]
}
}
}
This file is a JSON object, currently 4 types of rules are supported, including JavaScript, TypeScript, Vue and Style, among them, rules of Style will be used for CSS, SCSS and LESS. You can defined rules by adding an object named rules
accordingly, the structures are same as ESLint rules or StyleLint rules.
You can get auto suggestions by setting remote JSON schema, see more on documentation.
Plugins included
JavaScript included the following plugins:
- eslint-plugin-react@7.19.0
- eslint-plugin-babel@5.3.0
- eslint-plugin-import@2.20.2
- eslint-plugin-node@11.1.0
- @ies/eslint-plugin-eden@latest
- eslint-plugin-react-hooks@4.0.0
TypeScript included the following plugins:
- eslint-plugin-react@7.19.0
- eslint-plugin-babel@5.3.0
- eslint-plugin-import@2.20.2
- eslint-plugin-node@11.1.0
- @ies/eslint-plugin-eden@latest
- eslint-plugin-react-hooks@4.0.0
- @typescript-eslint/eslint-plugin@2.32.0
Vue included the following plugins:
- eslint-plugin-vue@6.2.2
- eslint-plugin-babel@5.3.0
- eslint-plugin-import@2.20.2
- eslint-plugin-node@11.1.0
- @ies/eslint-plugin-eden@latest
All rules provided by these plugins can be used in custom rules.
Hiding warnings
You can hide warnings by enable Temporary Hide Warnings in settings, errors will not be hidden.
You can set Eden Develop Environment as default formatter or use shortcut keys to format:
- Mac
command+shift+r
- Windows & Linux
ctrl+shift+r
Or you can open command panel and search for Eden Develop Environment: Format File to format.
Notes
You may have to disable ESLint plugin and Prettier plugin to avoid duplicate warnings or errors.
Road map
Language support
- Support for Markdown
- Support for HTML
- Support for ejs
- Support for JSON (done)
Features
- Rule details (done)
- Auto fix (done)