一.问题 刚开始用一个小项目练手,用vue-cli初始化项目,直接安装了所有的东西,如vue-router.ESLint.unit tests等等,当时只懂得vue-router是什么. 问题来了,在vue页面写代码时,命令行报了很多错,几乎全是Expected indentation of 4 spaces but found 6类似这样的 二.经过 看了报的错,就直接删除了多余的空格. 然而这种问题太多了,只要用Tab键,都会有这种错.刚开始以为vue对代码检测太严格,把编辑器上Tab键原有…
在搭建vue项目时候,启动后就提示 http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2 由于使用的webstrom每次格式化后都是缩进2个空格,习惯了. 所以改一下eslintrc.js中的规则缩进关闭了 rules: { 'indent': 'off'} 如果规则如下设置 'indent': 'off', 'vue/script-indent': ['warn', 2, { 'base…
当你使用vue/cli3.0的时,有可能出现雁阵规则 ESLint: Expected indentation of 2 spaces but found 4. (indent) 解决方法 1.在vue.config.js中 添加     lintOnSave: false,  false不能加引号 然后新建 .eslintignore    在根目录下 添加   然后重新启动 *.vue *.js 参考地址有 https://blog.csdn.net/weixin_44678104/arti…
使用vue时候,经常被一大片警告惊呆了,这是webpack默认的语法检查插件ESLint在做警告, [ESLint是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确.风格统一的代码] 但是我习惯了tab缩进,很不习惯没有缩进的写法,但是不管这些警告又是不能忍受, 于是想办法把ESLint给关掉, 关闭ESLint方法: 在vue项目中找到build文件夹 --> webpack.base.conf.js --> module 重启npm run dev 清爽多了!…
1.'Unexpected tab character' 字面意思理解呢就是意想不到的制表符,当时出现的时候就是我习惯的使用Tab键去打空格,但是eslint默认不认可Tab,所以解决方法很简单: 在eslint的配置文件中(.eslintrc)rules项中添加一行:"no-tabs":"off".如下: 2.'expected indentation of 2 spaces but found 1 tab' 字面意思就是预期缩进2个空格,但找到1个Tab.说实话…
遇到很多问题一一道来. 1.vue报错 Do not use built-in or reserved HTML elements as component id:header 组件,不能和html标签重复 header组件,h5新标签重复 由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析.主要有三种情况: 一是完全不合法的标签名,例如 </>: 二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 butto…
Vim关于Vue的生态链还是很少,不过凑活凑活还是能用的. 缩进 缩进采用的是两个空格,.vimrc配置: au BufNewFile,BufRead *.html,*.js,*.vue set tabstop=2 au BufNewFile,BufRead *.html,*.js,*.vue set softtabstop=2 au BufNewFile,BufRead *.html,*.js,*.vue set shiftwidth=2 au BufNewFile,BufRead *.htm…
1.运行vue项目  项目根目录git Bash here npm run dev 为了能直接打开项目  配置项目package.json   添加--open  如下图: 2.坑:VUE初写小项目问题之命令行报错:Expected indentation of 4 spaces but found 6 想换回4个空格,才知道是项目初始时, 默认安装ESLint(ESLint是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确.风格统一的代码)的原因, 关闭ESLint方法: 在vue项…
1.使用eslint代码检查时,常见的的错误: 1.1 Expected indentation of 0 spaces but found 1 前面的空格个数不对.应该不能有空格. 1.2 Strings must use singlequote 必须使用单引号 1.3The template root requires exactly one element <template>标签下必须有个根标签 2. There are multiple modules with names that…
在使用WebStorm前把字符编码等等设置好! 使用WebStorm打开vue项目等待ide索引加载完成 注意要让WebStorm可以创建vue文件需要以下步骤: <template> </template> <style> </style> <script> export default { data: { }, methods: { } } </script> demo1 构建一个简单的Vue导航栏菜单实例 1.新建组件文件夹(p…