search

sumaolin / study

学习新知识
0 stars 0 forks source link

关于Prettier于eslint 使用 #11

Open sumaolin opened 4 years ago

sumaolin commented 4 years ago

每次都折腾，再次遇到这个问题 space before function parentheses ，prettier还是会去掉这个空格，现在还是选择了修改 eslint.json 配置文件 'space-before-function-paren': 0,

Prettier的三种使用场景和使用方法

VS Code - space before function parentheses

vue 文件中通过配置 vscode 实现了自动加空格

"vetur.format.defaultFormatter.js": "vscode-typescript"

单独的js文件还是自动删除掉了这个空格

sumaolin commented 4 years ago

一步一步，统一项目中的编码规范（vue, vscode, vetur, prettier, eslint）

些清楚了三个插件 之间的配合顺序，已经相关设置，推荐

sumaolin commented 4 years ago

code style format

Reference

  1. VSCode 中使用 ESlint 和 prettier 的正确姿势

    VSCode升级到 V 1.47.3 后不再需要插件prettier插件，直接由项目的package中eslint插件 eslint-plugin-prettier 和prettier插件来格式化插件 遇到的问题是jsx中属性单引号和双引号的问题，保存一次变一次不确定，在eslintrc.js 中添加了条规则 'jsx-quotes': ["error", "prefer-double"] 来强制使用双引号了。具体配置 http://git.kmtongji.com/sumaolin/huggies_mall/commit/bd0a985872a13654d7091ee60463448c00c72c57

旧项目没有配置的还是需要vscode prettier 插件，同时添加prettier的配置文件，配合eslint 规则格式化代码，prettier配置可以参考： 代码格式化工具---prettier配置