最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 >
mac下使用Atom配置js语法校验如何实现?
PHP中文网发表于 2021-02-26 17:23 次浏览
本篇文章给大家介绍一下mac环境中Atom配置JavaScript语法校验的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

相关推荐:《atom教程》

大家好,这次我带来了Atom的把玩小教程,教你如何配置js语法校验。以下安装环境以mac为例。

1. 安装nodejs

2. 安装Atom插件linter、eslint

3. 控制台安装babel-eslint

npm i babel-eslint -g

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

具体配置规则产考eslint官方文档,我这里配置好了一份,采用json格式。

eslintrc.json预览地址:https://segmentfault.com/n/1330000004818767

将其放入系统根目录(如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语法校验的方法的详细内容,更多请关注群英网络其它相关文章!

标签:atom javascr
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐
2021-09-30 16:57:28 关键词:javascript全局函数
摘要:JavaScript全局函数有哪些?JavaScript中的全局函数有很多,例如decodeURI()、escape()、eval()、isFinite()、isNaN()等等,都是全局函数,那么这次全局函数有什么用处呢?以及用法是什么呢?接下来..
2021-09-29 19:15:34 关键词:javascript类
摘要:JavaScript中有类吗?这是很多新手学习JavaScript时困惑的问题,因此这篇文章就给大家来详细的介绍一下JavaScript的类究竟是什么意思?如何理解?..
2021-09-29 19:14:02 关键词:JavaScript打印div元素
摘要:今天给大家分享的是关于JavaScript实现打印div元素的内容的方法,下文给大家介绍了两种方法,还有实现代码供大家参考,感兴趣的朋友可以参考,接下来就跟随小编一起来看看吧。..
2021-09-28 18:14:24 关键词:javascript变量
摘要:JavaScript变量是什么?需不需要声明?对于 变量的通俗理解就是,变量相当于容器,而变量名就是容器标签,我们是要通过标签来找到找到想要的容器的,因此变量需要声明。下面我们就..
2021-09-28 18:07:05 关键词:javascript释放对象
摘要:JavaScript释放对象怎样理解?在JavaScript中是可以释放对象,我们可以理解成当一个对象没有被引用时,那么这个对象就被会废除,JavaScript自动销毁被废除对象也就是释放对象,下面我们..