用了 EditorConfig for Visual Studio Code,格式化文件时, import {App, App2} from './app.vue'; 这样带{}的语句,都被格式化了,这个应该怎么破?

2017-08-28 11:14:23 +08:00
 de6ugger
import {App, App2} from './app.vue';

被格式化了

import {
App,
App2
} from './app.vue';

看来只能选中部分进行单独格式化了,心好累。
3123 次点击
所在节点    Visual Studio Code
7 条回复
de6ugger
2017-08-28 11:16:27 +08:00
待会还需要配 ESLint, 用了 airbnb 的规则, 一看代码我要崩溃了。
de6ugger
2017-08-28 11:20:22 +08:00
`-- UNMET PEER DEPENDENCY eslint-plugin-jsx-a11y@6.0.2

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current:
{"os":"win32","arch":"x64"})
npm WARN eslint-config-airbnb@15.1.0 requires a peer of eslint-plugin-jsx-a11y@^5.1.1 but none was installed.
npm ERR! code 1

用 windows 搞前端开发的孩子上辈子都是折翼天使。
lanceli
2017-08-28 11:22:31 +08:00
EditorConfig 不会帮你格式化代码 你是不是有其他的格式话插件
把你的插件列一下看看
de6ugger
2017-08-28 12:12:31 +08:00
@lanceli 谢谢大佬。
果然是其他插件引起的问题,用了 beautify 导致的。VS Code 插件好多,我都凌乱了。


貌似 EditorConfig 会处理空格的问题,也算是格式化代码的一种吧?
qq641016547
2017-08-28 14:24:34 +08:00
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptPrettier
https://github.com/prettier/prettier
https://atom.io/packages/prettier-atom
以上参考,可根据 EditorConfig、.eslintrc.js 进行格式化,有优先级,一般来说可 EditorConfig 有配置的可覆盖.eslintrc.js

我用 Atom

atom 插件
video: http://recordit.co/ZoLsrCfZIz
gif: http://g.recordit.co/ZoLsrCfZIz.gif
qq641016547
2017-08-28 14:25:35 +08:00
ps: EditorConfig 插件会影响编辑器默认格式化插件的行为
de6ugger
2017-08-29 16:51:56 +08:00
@qq641016547 谢谢大佬

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/386297

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX