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.

Formatting

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)