Kendo UI Builder allows customization of JavaScript code. For example, the controller.public.js file for a view can be customized.

To validate the syntax of the JavaScript code, a lint tool such as as ESLint can be used in Visual Studio Code.

Follow the following steps to enable validation with ESLint:

  1. Enable usage of ESLint as an Extensions (View -> Extensions option) in Visual Studio Code.
  2. If you have JSLint already enabled, you could turn off JSLint and turn on ESLint via workspace settings. Use option File -> Preferences -> Settings and selecting Workspace Settings to create a ".vscode/settings.json" file with the corresponding settings.
  3. Provide a ".eslintrc.json" in the root of your project with the desired ESLint rules.

Note: Both the .vscode folder and the .eslintrc.json file start with a dot (.).

Sample .vscode/settings.json file

{
  "editor.insertSpaces": true,
  "editor.tabSize": 4,
  "jslint.enable": false,
  "eslint.enable": true,
  "editor.detectIndentation": false,
  "files.exclude": {
    "app/node_modules": true
  }  
}

Sample .eslintrc.json file

{
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module"
    },
    "extends": "eslint:recommended",    
    "env": {
        "browser": true
    },    
    "rules": {
        "indent": 1,
        "no-console": 0
    }
}

Related links: