mac下Atom配置js语法校验的方法

本篇文章给大家介绍一下mac环境中atom配置javascript语法校验的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

mac下Atom配置js语法校验的方法

相关推荐:《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

搞定,好好享受新的开发工具吧

更多计算机编程相关知识,请访问:atom!!

以上就是mac下Atom配置js语法校验的方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3042734.html

(0)
上一篇 2025年3月13日 14:28:53
下一篇 2025年2月27日 12:44:53

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 深入了解Vue的中间件管道(middleware pipeline)

    通常,在构建SPA时,需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由,我们可以通过使用 auth 中间件来确保合法用户才能访问它。 在本教程中,我们将学到怎样用 Vue-Router 为Vue应用程…

    2025年3月13日
    200
  • Vuex中映射的完整指南

    Vuex 是一把双刃剑。如果使用得当,使用 Vue 可以使你的工作更加轻松。如果不小心,它也会使你的代码混乱不堪。 使用 Vuex 之前,你应该先了解四个主要概念:state、getter、mutation 和 action。一个简单的 V…

    2025年3月13日
    200
  • Vue中怎么对事件进行防抖和节流操作?

    有些浏览器事件可以在短时间内快速触发多次,比如调整窗口大小或向下滚动页面。例如,监听页面窗口滚动事件,并且用户持续快速地向下滚动页面,那么滚动事件可能在 3 秒内触发数千次,这可能会导致一些严重的性能问题。 如果在面试中讨论构建应用程序,出…

    2025年3月13日
    200
  • 深入浅析With的使用

    with用于扩展一个语句的作用域链,但一般情况下不建议使用with语句,因为它可能是引起混淆错误和兼容性问题的根源。在Vue源码中有使用with语句的功能点,因此在这里将简介其功能,以助于阅读框架源码。 性能的利与弊 利 with语句可以在…

    2025年3月13日
    200
  • 实现带有进度条的Vue延迟加载

    下面vue.js栏目给大家介绍一下给vue的惰性加载添加进度条的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 简介 通常用 Vue.js 编写单页应用(SPA)时,当加载页面时,所有必需的资源(如 JavaScri…

    2025年3月13日
    200
  • vue如何实现数字滚动增加效果?代码示例

    项目中需要做数字滚动增加的效果,一开始很懵,研究了一下原理,发现很简单,贴出来分享一下 ^_^ 数字滚动组件: 0 export default { props: { time: { type: Number, default: 2 }, …

    2025年3月13日
    200
  • vue.js是基于javascript的吗?

    vue.js是基于javascript的,用于构建用户界面的渐进式框架,采用MIT开源协议。Vue的核心库只关注视图层,采用自底向上增量开发的设计,并且非常容易学习,非常容易与其它库或已有项目整合。 本文操作环境:windows10系统、v…

    2025年3月13日
    200
  • 20+道必知必会的Vue面试题(附答案解析)

    本篇文章整理了20+vue面试题分享给大家,同时附上答案解析。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【相关面试题推荐:vue面试题(2021)】 从镜片的厚度和黄黑相见的格子衬衫我察觉到,面前坐着的这位面试官应该…

    2025年3月13日
    200
  • 为什么使用vue的作用域插槽?什么时候使用?

    本篇文章带大家详细了解一下vue的作用域插槽。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 Vue插槽是一种将内容从父组件注入子组件的绝佳方法。(学习视频分享:vue) 下面是一个基本的示例,如果我们不提供父级的任何sl…

    2025年3月13日
    200
  • 详解8种vue组件通信方式,快来收藏!

    本篇文章带大家详细了解一下vue中8种组件通信方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 vue是数据驱动视图更新的框架,所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论