Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验
安装linter-eslint插件方式有如下几种.
1. 最简单的方式就是 点击 File -Settings -Install ,搜索linter-eslint ,安装即可
2.
# 进入atom插件文件夹 cd ~/.atom/packages/
# git clone 插件源文件 git clone https://github.com/AtomLinter/linter-eslint
# 进入linter-eslint插件文件夹 cd linter-eslint
# 安装插件 npm install
3.本地安装
npm i --save-dev eslint [eslint-plugins]
4.全局安装
npm i -g eslint [eslint-plugins]
配置插件使其支持 VUE 文件中的 js
安装好插件后,就能够提醒我们的JS文件中的格式不正确的地方了。但是, .vue
文件中的 JS 代码还是不能校验,因此,我们来设置一下。
首先,打开 atom 的设置面板 切换到 packages
选项卡,找到 linter-eslint
插件,点击 设置 (我的安装了汉化插件,如果没有汉化,则是英文的设置。类似 setting
之类的)
进入面板后,勾选 Lint HTML Files
选项后,即可。
如下图所示:
然后,就可以在 .vue
文件中校验代码格式了。
如下图所示:
附注 为什么 main.js 死活过不了验证?
当你把项目中的大多数代码全部调整合适了之后,你会发现,你的 main.js
文件死活通过不了验证。因为这里必须不满足验证。因此,需要下面的代码跳过验证
/* eslint-disable no-new */
new Vue({ // eslint-disable-line no-newrouter,el: '#app',render: (h) => h(App)
})
就是上面的 /* eslint-disable no-new */
来强制跳过验证。
// eslint-disable-next-line 忽略下一行
/* eslint-disable */ 忽略整个文件
更多atom常用插件请前往 https://www.cnblogs.com/yalong/p/9488114.html
转载于:https://www.cnblogs.com/yalong/p/8891307.html
Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验相关推荐
- Sublime text 3 如何下载安装汉化插件,配置python2编译环境
Sublime text 3 如何下载安装汉化插件,配置python2编译环境 下载地址 下载地址:http://www.sublimetext.com/download 软件汉化 首先,需要安装Pa ...
- html静态页面引入公用组件, 开启SSI配置使shtml支持include公用的页头页脚
转自 : http://www.phpvar.com/archives/3278.html 这是文章是为了实现前端人员编写编写项目众多静态文件时,能像php等开发语言一样使用include将页面公有的 ...
- VSCode中ESLint插件修复+配置教程
文章目录 vscode+eslint插件+配置教程 如果不好用 排查1: 如果出现后面回车符问题 排查2: 保存时好了但是一瞬间代码又回来了 排查3: 右下角是否开启eslint服务 排查4: 如果保 ...
- [转]一次.NET Web应用程序安装包的制作经历:Sql数据库安装的3种方式 配置IIS及Web.Config文件...
本文转自:http://www.cnblogs.com/moonspell/archive/2007/07/27/832433.html 原文如下: ----------- 一次难得的安装包制作经 ...
- Chrome 技术篇-未安装的crx插件源码查看,crx类型文件解压方法
已安装的插件安装位置.源码查看方法.请看文章: Chrome 技巧篇-已安装的crx插件源码查看,插件安装位置查看方法 因为下载的 Charset.crx 插件有问题,安装不上,想打开改一改. 其实很 ...
- 利用vscode stylelint插件实现ctrl+s自动格式化vue项目中的css、scss
vscode stylelint使用 1. vscode stylelint插件安装及配置 vscode stylelint插件版本 vscode中配置stylelint和开启自动修复 2. 安装st ...
- 配置VS Code 使其支持vue项目断点调试
转载 原文作者:肥仔快乐水 原文链接:https://juejin.im/post/6844904144457695245 起因 每个应用,不论大小,都需要理解程序是如何运行失败的.当我们写的程序 ...
- ICOFormat.8bi(Photoshop Ico、Cur插件)的下载使用——使Photoshop支持ICO图片、CUR图片格式
1. ICOFormat.8bi的作用 Photoshop很奇怪一直不支持导入导出ico与cur格式图标文件,不过还好,ps支持插件,ICOFormat.8bi是专为ps用户打造的一款ico图标插 ...
- 使IE6支持PNG透明图片的JS插件
IE6不支持PNG透明图片,一路上在写一些模板的时候并没有对其进行处理.不过,这里给大家分享一个能够使得PNG图片在IE6浏览器下也拥有透明效果的JS插件. 使用很简单,只要加载该JS文件,然后将需要 ...
最新文章
- leetcode :数组和链表
- ux和ui_糟糕的UI与UX番茄酱模因
- mybatis数组和集合的长度判断及插入
- 刷脸考勤,重新定位校园管理
- 31岁博士副县长拟提任正处,3年前毕业被人才引进
- 数字信号处理——DFT的一些理解
- 如何用纯 CSS 创作一只卡通鹦鹉
- ios12上滑关闭程序动画_iOS 12.3正式版终于来了:这类用户升级需谨慎!
- 与虚拟机和linux的初次接触
- C# 获取所有网卡信息
- 98点人脸关键点检测算法
- “矢量网络分析仪”检测同轴电缆的驻波比(SWR)
- 杭州某天使内部邮件曝光:移动互联网创业机会只剩3年
- 我国正式实施不安全食品召回制度(转)
- nrf52在未配对的情况下使用白名单广播,指定安卓手机允许连接
- 由kobject_create_and_add全面了解kobject
- 7.博客系统| 评论功能(文章评论,评论的评论)
- mysql设置bufferpool_mysql参数之innodb_buffer_pool_size大小设置
- JavaScript 中美元符号 $ 是什么
- 飞凌嵌入式RK3399-C开发板常见问题及解决方案分享
热门文章
- react 使用rewired_create-react-app 通过 react-app-rewired 添加 webpack 的 alias
- python 去除panda安装包_沉淀,再出发:python中的pandas包
- python画数学函数_Python 绘制你想要的数学函数图形 !
- android自动创建快捷方式,Android开发之生成桌面快捷方式细则(原创)
- aws lambda_在AWS Lambda上运行“ Hello World”
- 如何在Linux中使用netstat命令
- Java Stream forEach()和forEachOrdered()方法
- java 文件分割器_Java分割器
- Akka创建第一个Actor《nine》译
- Java分布式锁的概念以及使用优点