show es6 syntax recommends
If you think this plugin help you, please star it on GitHub. Thanks ^_^
Make sure you have initialize your project, i.e. , have a package.json
file. Otherwise:
$ npm init
You'll first need to install ESLint in your workspace:
$ npm i eslint --save-dev
Note: If you installed ESLint globally (using the -g
flag) then you must also install eslint-plugin-study-es6
globally.
Next, install eslint-plugin-study-es6
:
$ npm install eslint-plugin-study-es6 --save-dev
For VSCode users:
You can install ESLint extension for VSCode.
- Open Extensions tab and search
ESLint
, install and reload window. - After setting up (see Usage following), you will see messages in the problem panel in VSCode.
For Sublime Text users:
You can install SublimeLinter and SublimeLinter-contrib-eslint
- Open “Command Pallet” Ctrl + Shift + p (Cmd + Shift + p on OSX)
- Select “Package Control: Install Package”
- Select these two package
- After setting up (see usage following), the warning message will show at the left of line number
Now, you may need to set up your ESLint configuration. If you don't have an config file. create .eslintrc.json
in your project directory(same as package.json
above). And copy:
{
"plugins": ["study-es6"],
"rules": {
"study-es6/spread-operator": "warn",
"study-es6/arrow-function": "warn",
"study-es6/object-shorthand": "warn",
"study-es6/let-declaration": "warn",
"study-es6/template-string": "warn",
"study-es6/default-param": "warn"
}
}
After configuring your settings. Run ESLint:
$ ./node_modules/.bin/eslint test.js
arrow-function
let-declaration
object-shorthand
spread-operator
template-string
default-param