彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题

彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题

2018年12月08日 21:58:26 Kevin395 阅读数 1753

背景不多介绍了,直接上代码。

打开项目根上下的.eslintrc.js,将rules节点中添加以下配置项。

rules: {
  ‘vue/script-indent‘: [‘error‘, 2, {‘baseIndent‘: 1}]
}

其中第1个2是指统一缩进2个空格,第2个1是指1倍缩进。

另外需要添加以下节点,与rules同级:

overrides: [
  {
    ‘files‘: [‘*.vue‘],
    ‘rules‘: {
      ‘indent‘: ‘off‘
    }
  }
]

注:这里是针对eslint的4.15.0版本。

原文地址:https://www.cnblogs.com/mouseleo/p/11071117.html

时间: 2024-10-14 04:45:37

彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题的相关文章

解决eslint与webstorm关于script标签的缩进问题

解决eslint与webstorm关于script标签的缩进问题 2018年12月29日 23:16:29 tozeroblog 阅读数 752 问题重现在vue-cli中,使用eslint时会对代码进行校验,其在.vue文件中支持的是不缩进,如下所示:而在webstorm中使用格式化代码会将代码格式化为:这样子就不符合eslint的要求了,如果想支持webstorm的编码格式,应该进行如下设置: 打开项目根下的.eslintrc.js文件,将rules节点添加如下配置项: rules: { '

webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法

本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标. 上阵子开始玩 Vuejs,在 Vue 中,可以 .vue 文件实现组件化,但各种编辑器都支持不好,作者也给sublime开发了相关的vue插件.我觉得用sublime就是在浪费生命啊,花那么多时间

webstorm开发vue配置(借)

webstorm开发vue,进行一些配置 从 File 菜单点击 Settings(OS X 下是从 WebStorm 菜单点击 Preferences)打开设置窗口,然后从左边栏选择 Plugins 项,点击"Browse repositories..."按钮. 设置js语言版本 添加vue.js模版 我们将要创建的 Vue.js 单文件组件模板内容为: 原文地址:https://www.cnblogs.com/asasas/p/9449369.html

WEBSTORM新建VUE类型文件设置

WEBSTORM新建VUE类型文件设置 今天安装了Node.js,配置了vue需要的框架,发现原有的wenstorm新建文件的时候没有vue文件选项,因此,学习了一下webstorm如何配置创建vue文件 具体过程如下: 第一步,打开webstorm , 然后File-->settings-->plugin 第二步,Show 选择 All plugins,然后在搜索框中输入vue,这时候点击右下角的apply 第三步:打开file-->settings-->editor-->

vue组件通信的几种方式

最近用vue开发项目,记录一下vue组件间通信几种方式 第一种,父子组件通信 一.父组件向子组件传值 1.创建子组件,在src/components/文件夹下新建一个Child.vue 2.Child.vue的中创建props,然后创建一个名为message的属性 child.png 3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值 App2.png 4.保存修改的文件,查看浏览器 browser.png 5.我们依然可以对m

动态Script标签 解决跨域问题

动态Script 解决跨域问题 1.动态创建scriptcreateScript : function(src){ var varScript = document.createElement("script"); if (src != "") { varScript.src = src; } varScript.language = "javascript"; varScript.type = "text/javascript&quo

第四节:Vue表单标签和组件的基本用法,父子组件间的通信

vue表单标签和组件的基本用法,父子组件间的通信,直接看例子吧. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="app"&

许多博客都过滤或屏蔽alexa的widget代码script标签,有办法解决么

许多博客都过滤或屏蔽alexa的widget代码script标签,有办法解决么,如下: <a href="http://www.alexa.com/siteinfo/gmb2b.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=gmb2b.com"></script></a> 代码

VIM: 解决vi/vim中粘贴时行首出现很多缩进和空格的问题

解决vi/vim中粘贴时行首出现很多缩进和空格的问题 http://www.jbxue.com/LINUXjishu/12232.html 由于在secureCRT中会将原来的文本原封不动的按照字符串的样式发送给服务器. 所以服务器上的vim设置为autoindent的话,在i模式下,那么它会将secureCRT传输而来的这些字符串再进行一下缩进. 若拷贝的文本中已有表示缩进的空格或者制表符的话,它们也会被当成字符串,而被缩进. 解决办法: 1,在拷贝前输入:set paste (这样的话,vi