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

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

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

http://img1.sycdn.imooc.com//climg/5ec0b78b099a96ac05800135.jpg

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

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

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

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

祝学习愉快~

提问者 Aurora_Meteor 2020-05-17 20:28:39

配置的rules是这个

http://img1.sycdn.imooc.com//climg/5ec12cde09a14fb708370467.jpg

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

http://img1.sycdn.imooc.com//climg/5ec12d8b09a3036a06260307.jpg

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

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

这个问题是不用去管?

好帮手慕夭夭 2020-05-17 19:55:32

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

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

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

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

http://img1.sycdn.imooc.com//climg/5ec120e7098f039e06510280.jpg

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

祝学习愉快~

好帮手慕夭夭 2020-05-17 15:23:09

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

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

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

http://img1.sycdn.imooc.com//climg/5ec0e5eb093638e004930075.jpg

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

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

  • 提问者 Aurora_Meteor #1
    1、我的package.json是这些内容,好像没少东西,之前安装我也没有全局安装过呀 { "name": "mall", "version": "1.0.0", "description": "在线商城WebAPP", "author": "aaa", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue src", "build": "node build/build.js" }, "dependencies": { "vue": "^2.5.2", "vue-router": "^3.0.1" }, "devDependencies": { "autoprefixer": "^7.1.2", "babel-core": "^6.22.1", "babel-eslint": "^8.2.1", "babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-loader": "^7.1.1", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.3.2", "babel-preset-stage-2": "^6.22.0", "chalk": "^2.0.1", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.0", "eslint": "^4.15.0", "eslint-config-standard": "^10.2.1", "eslint-friendly-formatter": "^3.0.0", "eslint-loader": "^1.7.1", "eslint-plugin-import": "^2.7.0", "eslint-plugin-node": "^5.2.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.0.0", "extract-text-webpack-plugin": "^3.0.0", "file-loader": "^1.1.4",
    2020-05-17 16:01:29
  • 提问者 Aurora_Meteor #2
    "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
    2020-05-17 16:01:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师