安装依赖和rules里的缩进问题

来源:2-1 开始一个Vue项目

Aurora_Meteor

2020-05-17 12:04:31

安装依赖的 时候,我的怎么好像只有一部分东西,是因为我之前在别的文件夹装过了吗?

http://img.mukewang.com/climg/5ec0b78b099a96ac05800135.jpg

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

这句代码的缩进,到底是每行的开头缩进几个字符还是什么几行?视频里老师一会说2ge(也不知道是个还是格),一会说几行,到底是什么东西....

写回答

4回答

好帮手慕夭夭

2020-05-18

同学你好,eslint只是检测代码格式对不对,不对会发出警告(警告并不是报错,不会影响项目),格式还是要自己修改,eslint并不会给你修改。格式可以使用npm run lint -- --fix修复,但是这个插件也并不能修改全部的格式,有一些还是要手动修改,所以有的时候我们也不用去过多关注这些格式的警告。或者自己写代码的时候多注意。保存后会格式会变可能是你编辑器的问题,不过老师看了一下截图,代码格式虽然改了,也不会影响美观度。可以不用管哦。通常我们配置的时候,不用去配置空格,就按照我们自己写的格式去写即可。

祝学习愉快~

0

Aurora_Meteor

提问者

2020-05-17

配置的rules是这个

http://img.mukewang.com/climg/5ec12cde09a14fb708370467.jpg

我进行格式化以后,是这样每层缩进2个字符,

http://img.mukewang.com/climg/5ec12d8b09a3036a06260307.jpg

可是一按保存,就变成这样缩进4个字符了,正常吗?http://img.mukewang.com/climg/5ec12d2909f36c5a07880383.jpg

而且我尝试把那个1和2 都修改,结果格式化和保存的效果和上面的一样。

这个问题是不用去管?

0

好帮手慕夭夭

2020-05-17

同学你好,问题解答如下:

1.老师的意思是,如果是全局安装的插件,那么只安装一次就好了,再创建项目的时候就不需要安装了。和你之前有没有安装过全局插件没有任何关系,老师只是顺带告诉你全局安装的插件只安装一次就行哦~

2.不太理解同学描述的“几级标签”什么意思?这里只是对js代码进行检测,'vue/script-indent': ['error', 2, {'baseIndent': 1}], 中2就是2个空格,1指顶层缩进相对与上面2的倍数:2 * 1

通俗的讲就是每一段代码都缩进两个空格,而里层的相对外层的也缩进两个空格。

http://img.mukewang.com/climg/5ec120e7098f039e06510280.jpg

3.修改没有变化可能是你修改的代码不对,自己修改js代码试一试。另外,这一块没有那么重要,简单的了解即可。

祝学习愉快~

0

好帮手慕夭夭

2020-05-17

同学你好,问题解答如下:

1.只有全局安装的插件(即命令中含有-g的是全局插件),安装一次就不需要再次安装了。其他文件夹安装的插件并不会影响本项目,直接通过cnpm install安装的是package.json保存的插件,同学可以看一下自己的项目的package.json,package.json有什么插件,cnpm install之后就安装了什么插件

2.例如有一段js很长,并不是我们自己手动换行,而是它自动换行的。那么就是这段代码整体缩进2个空格,而不是首行缩进。你可以自己写一段代码试一试,就相当于对这段代码按了一次Tab缩进一样,如下:

http://img.mukewang.com/climg/5ec0e5eb093638e004930075.jpg

假如说这段代码只有一行,那就是一行代码缩进2个空格。所以注意分析代码多了会自动换行的情况,就是针对的几行了哦。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0
hurora_Meteor
h "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^2.30.1", "node-notifier": "^5.1.2", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "portfinder": "^1.0.13", "postcss-import": "^11.0.0", "postcss-loader": "^2.0.8", "postcss-url": "^7.2.1", "rimraf": "^2.6.0", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", "vue-loader": "^13.3.0", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2", "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] } 2、那个缩进,和在几级标签里有关系么?在rules里修改保存了以后,是还要使用那个什么fix命令对文件格式化才行吗?另外在修改baseIndent的值和前面那个数字的前后,我写代码发现好像没什么区别,而且那几行代码的整体都是一直和所在的那一级标签左对齐的,不知道缩进指的是哪部分。缩进多少和在什么类型的文件里以及在文件的什么地方没关系吧? 3、另外麻烦老师看一下这个问题 https://class.imooc.com/course/qadetail/223758
h020-05-17
共2条回复

0 学习 · 10739 问题

查看课程