mac下Atom怎么配置js语法校验

小编给大家分享一下mac下Atom怎么配置js语法校验,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联专注于新河企业网站建设,成都响应式网站建设,商城网站建设。新河网站建设公司,为新河等地区提供建站服务。全流程定制网站开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

Atom如何配置js语法校验,以下安装环境以mac为例。

1. 安装nodejs

2. 安装Atom插件linter、eslint

3. 控制台安装babel-eslint

npm i babel-eslint -g

4. 生成语法校验的配置文件.eslintrc

具体配置规则产考eslint官方文档,我这里配置好了一份,采用json格式。
.eslintrc.json
将其放入系统根目录(如mac的根目录:~/.eslintrc.json )

5. 在Atom中配置eslint插件

配置ESlint Rules Dir (eslint的路径)如:

/usr/local/lib/node_modules/babel-eslint

配置.eslintrc路径,我是扔在根目录的:

~/.eslintrc.json

配置Node安装的根路径,不知道的打开控制台输入npm get prefix,将结果输入

/usr/local

6. 开启在html中的js验证

控制台安装扩展插件,

npm i eslint-plugin-html -g

打开.eslintrc配置文件,在插件项中添加配置:

"plugins": [
    "eslint-plugin-html"
]

在Atom中eslint插件中勾选 Lint HTML Files

以上是“mac下Atom怎么配置js语法校验”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页标题:mac下Atom怎么配置js语法校验
文章路径:http://scyanting.com/article/gippoe.html