介绍 {
,,,,//,vscode默认启用了根据文件类型自动设置tabsize的选项
,,,“editor.detectIndentation":,假的,
,,,//,重新设定tabsize
,,,“editor.tabSize":, 2,
,,,//,#每次保存的时候自动格式化,
,,,“editor.formatOnSave":,真的,
,,,//,#每次保存的时候将代码按eslint格式进行修复
,,,“eslint.autoFixOnSave":,真的,
,,,//,添加,vue 支持
,,,“eslint.validate":,
,,,,,,,“javascript",
,,,,,,,“javascriptreact",
,,,,,,,{
,,,,,,,,,,,“language":,“vue"
,,,,,,,,,,,“autoFix":真实
,,,,,,,}
,,,,
,,,//,,#让漂亮使用eslint的代码格式进行校验,
,,,“prettier.eslintIntegration":,真的,
,,,//,,#去掉代码结尾的分号,
,,,“prettier.semi":,假的,
,,,//,,#使用带引号替代双引号,
,,,“prettier.singleQuote":,真的,
,,,//,,#让函数(名)和后面的括号之间加个空格
,,,“javascript.format.insertSpaceBeforeFunctionParenthesis":,真的,
,,,//,#这个按用户自身习惯选择,
,,,“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代码格式化样式
,,,,,,,}
,,,},
,,,//,格式化笔,,需安装外套# 39;s Stylus 霸权插件
,,,“stylusSupremacy.insertColons":,假的,,//,是否插入冒号
,,,“stylusSupremacy.insertSemicolons":,假的,,//,是否插入分好
,,,“stylusSupremacy.insertBraces":,假的,,//,是否插入大括号
,,,“stylusSupremacy.insertNewLineAroundImports":,假的,,//,进口之后是否换行
,,,“stylusSupremacy.insertNewLineAroundBlocks":, false //,两个选择器中是否换行
}
这篇文章给大家分享的是有关vscode eslint指的是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
eslint:是用来统一JavaScript代码风格的工具,不包含css, html等。
<强>解决方案:
1,安装插件
(1) eslint: JavaScript代码检测工具,可以配置每次保存时格式化js,但每次保存只格式化一点点,你得连续按住Ctrl + S好几次,才格式化好,自行体会~ ~
(2) vetur:可以格式化html,标准css(有分号,大括号的那种),标准js(有分号,双引号的那种),vue文件,
但是!格式化的标准js文件不符合eslint规范,会给你加上双引号,分号等,像这样
(不好)
能把html格式化分行显示
(好)(3)漂亮-代码格式化程序:只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度,混合标签和空格,引用样式等),包括JavaScript·少流·css·SCSS打印稿···JSON vue·GraphQL JSX···减价
(4)外套# 39;笔霸权:格式化笔的插件(不用就不装),因为vetur会把css格式化有分号,大括号的那种,此插件会把css格式化成笔风格,像这样
2,在vscode的文件——首选项,设置里,右侧配置里添加如下代码即可(代码有注释!),从此直接按Ctrl + S键即可一键格式化了。
代码如下:
感谢各位的阅读!关于“vscode eslint指的是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
