配置 ESLint (需安装 Prettier - Code formatter 插件)

command + shift + p  打开用户设置

// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],//  #让prettier使用eslint的代码格式进行校验"prettier.eslintIntegration": true,//  #去掉代码结尾的分号"prettier.semi": false,//  #使用带引号替代双引号"prettier.singleQuote": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned"// #vue组件中html代码格式化样式}}

  

转载于:https://www.cnblogs.com/sweetsunnyflower/p/11541019.html

vs code 设置 保存自动格式化vue代码相关推荐

  1. VS Code保存后自动格式化Vue代码---Vetur

    在VS Code里面编辑Vue代码,通常我们会安装插件Vetur,本次介绍的格式化代码也依赖于Vetur插件.具体见一下步骤 注: VS Code版本为1.74.3 1. 安装插件Vetur 2. 配 ...

  2. eslint 保存自动格式化_代码规范之理解ESLint、Prettier、EditorConfig

    授权转载自:nowThen https://juejin.cn/post/6895889063111294990 前言 团队多人协同开发项目中困恼团队管理一个很大的问题是:无可避免地会出现每个开发者编 ...

  3. vscode+eslint自动格式化vue代码的方法

    前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化.此时通过eslint插件可以实现对vue代码的自动格式化. 使用方式 在vscode的插件模块处,搜索 ...

  4. vs code 关闭保存自动格式化 formatonsave - vscode

    有时候Ctrl+s保存,html代码格式会紊乱. 造成这个原因一般是我们基本都在用的一个插件: 解决办法 [方法一]:不用普通保存,用save without format 代码编辑页面----> ...

  5. vs code保存自动格式化代码及eslint/tslint修复-太爽(丝滑般的感觉)

    现在没有前后端分离的开发模式都不好意思跟同行交流.前后端分离的好处这里就不再赘述了. 本司开发的系统是基于Angular(ng zorro),TypeScript,后台采用Spring Boot.写前 ...

  6. pycharm 保存自动格式化代码

    文章目录 pycharm 保存自动格式化代码 安装 file watcher 安装blank 监听保存 watcher 完成 pycharm 保存自动格式化代码 pycharm + black + f ...

  7. vscode编辑器设置,禁止prettier/禁止Vetur自动格式化HTML代码

    添加以下代码: "vetur.format.defaultFormatter.js": "prettier",//.vue文件template格式化支持,并使用 ...

  8. Notepad++运行java代码,并设置自动格式化Java代码

    文章目录 Notepad++运行java代码 Notepad++自动格式化Java代码 Notepad++运行java代码 1.下载插件 2.在弹出的显示插件的窗口中勾上NppExec这个插件,再点i ...

  9. vsCode 文件保存自动格式化 设置

    提示,公司各个的规范不一样,引进参考 直接粘贴复制就行了. {// 文件保存自动格式化"editor.formatOnSave": true,// 格式化插件设置为 prettie ...

最新文章

  1. 在TensorFlow中对比两大生成模型:VAE与GAN(附测试代码)
  2. HotSpot源码(二):Java与C语言对比
  3. 4位加法器的设计代码verilog_一个简单的8位处理器完整设计过程及verilog代码
  4. Google推出“Google实验室” Ad Innovations
  5. mysql使用字符函数length,获取参数值的字节个数
  6. 由塔科马大桥事件 谈软件架构
  7. React的Ant Design Pro目录结构
  8. C/C bit 位操作
  9. zabbix3.0 监控mysql服务器性能实现过程
  10. 8月份的To-Do List
  11. HDU 6156 2016ICPC网络赛 G: Palindrome Function(数位DP)
  12. java 静态存储区_Java中的堆内存、栈内存、静态存储区
  13. 自动化运维工具ansible简介
  14. PCSCHEMATIC ELAUTOMATION.V19.0.1.69中文正式单机版
  15. [读书笔记]高效15法则 谷歌、苹果都在用的深度工作法
  16. 狐妖小红娘手游服务器维护,狐妖小红娘手游:游戏界面详细解析,狐妖小粉丝不要错过哦...
  17. K8S环境快速部署Kafka(K8S外部可访问)
  18. 【愚公系列】2022年06月 ASP.NET Core下CellReport报表工具基本介绍和使用
  19. “Adb connection Error:远程主机强迫关闭了一个现有的连接。”之我的解决方法。
  20. 全同态加密(FHE)设计思路

热门文章

  1. 如何安装python3.8.2_Python-3.8.2安装
  2. Tomcat的介绍与使用
  3. 小红书场景营销怎么做?场景营销主要模式有哪些
  4. 使用Jpype1的坑
  5. activiti工作流(传智播客)
  6. halcon测试篇:弧度和角度之间的转换
  7. Ubuntu 20.04 安装配置 GitLab
  8. ubuntu安装gitlab社区版
  9. python简单代码表白-python告白代码,只属于程序员的浪漫
  10. VLFeat工具包下载