ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。
背景:
近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。
解决方案:
1、安装插件
1)ESlint:javascript代码检测工具,可以配置每次保存时格式化js,但每次保存只格式化一点点,你得连续按住Ctrl+S好几次,才格式化好,自行体会~~
2)vetur:可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件,
但是!格式化的标准js文件不符合ESlint规范,会给你加上双引号、分号等,像这样
能把html格式化分行显示
3)Prettier - Code formatter:只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown
4)Manta's Stylus Supremacy: 格式化stylus的插件(不用就不装),因为vetur会把css格式化有分号 、大括号的那种,此插件会把css格式化成stylus风格,像这样
2、在vscode的文件-首选项-设置里,右侧配置里添加如下代码即可(代码有注释!),从此直接 Ctrl+S 就能一键格式化了
代码如下:
{ // 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代码格式化样式 } }, // 格式化stylus, 需安装Manta's Stylus Supremacy插件 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括号 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行 }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
使用cursors来获取android所保存的图像,需要对cursors进行外部存储授权。如果AndroidOS是6.0或更高版本,并且没有获得授权许可,申请将被终止。如果获得权限,则需要进行关闭游标的处理。 如果是Java,那么最好按照以下方式编写onStop,除了Kotlin,将会引发一个异常。 如果你能给我建议如何写得最好,我会很高兴的。 下面是使用的代码:
问题内容: 如果我只有10个或更多数字的字符串,如何将其格式化为电话号码? 一些简单的例子: 我知道这些并不是格式化它们的唯一方法,而且如果我自己做的话,很有可能我会放弃。有python库或格式化电话号码的标准方法吗? 问题答案: 对于库:电话号码(pypi,源) Google通用库的Python版本,用于解析,格式化,存储和验证国际电话号码。 自述文件不足,但是我发现代码记录清楚。
我需要根据一些配置数据启动多个独立的周期性任务——总数事先不知道。例如,我想检查具有不同间隔和不同参数的不同目录的内容,其中列表和参数是从配置中读取的。 在我看来,夸克斯调度器只能调度固定的、预先已知的方法。动态/编程调度的最佳方法是什么?<代码>vertx.set周期 是正确的方法还是我应该以某种方式访问Quartz?
本文向大家介绍全网最细 Python 格式化输出用法讲解(推荐),包括了全网最细 Python 格式化输出用法讲解(推荐)的使用技巧和注意事项,需要的朋友参考一下 一、使用 print() 函数 在 Python 中,print() 函数支持格式化输出,与 C 语言的 printf 类似。 1. 格式化输出字符串和整数 【示例1】输出字符串 AmoXiang,并计算、输出它的字符长度 % 在字符串
问题内容: 我在XML文件下面有这个 现在,下面显示了从XML文件读取数据的Java程序。 结果是.. 现在,我的查询是请告知是否还有其他最快的方式来读取此xml,我正在查看斋戒,请告知..! 问题答案: 如果性能对您而言很重要,则应首选SAX或StAX(http://en.wikipedia.org/wiki/StAX)而不是DOM。 使用时,第一次将文件解析为对象模型,然后您可以提出要求。因此
问题内容: 我正在处理应用程序中的许多双精度值,是否有任何简单的方法来处理Java中十进制值的格式? 还有其他比这更好的方法了吗 我基本上想做的是格式化double值,例如 问题答案: 实际上,你的模式有错误。你想要的是: 注意,恰好是两个小数位。 如果你使用(表示“可选”数字),它将删除尾随的零-即 ;仅打印,而不是。