今天在学习的过程中遇到一个头疼的问题，react引入antd组件时代码被格式化的混乱，所以上网查了一些方法，并在此总结一下。 插件选择 这里我们使用prettier，如果安装过其它格式化插件建议卸载，个人感觉一个就够用了，好多插件会弄的有点混乱配置设置 在设置中随便选一个对settings.json进行编辑加入如下代码 "editor.formatOnSave": true, "editor.formatOnType": true, "editor.formatOnPaste": true,返回我们的react项目 右键选...
首先需要装一些vscode插件 eslint、Vetur、Prettier Now 在左下角设置界面，打开设置，修改配置文件 settings.json {"workbench.colorTheme": "One Monokai","editor.fontSize": 14,"workbench.editor.enablePreview": true, //预览模式关闭"editor.formatOnSave": true, // #每次保存的时候自动格式化// 自动修复"editor.codeActionsOnSave": {"source.fixAll.eslint": true,},"eslint.enable": true, //是否开启vscode的eslint//...
自用vscode+prettier+vetur格式化配置 本人这里的配置是根据已有项目的代码风格配置的，特点是： template模板属性不换行， js代码格式化符合 eslint 格式化要求{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": false,// #每次保存的时"editor.codeActionsOnSave": {},// #让函数(名)和后面...