有时候Ctrl+s保存,html代码哥格式会紊乱. 造成这个原因一般是我们基本都在用的一个插件:  解决办法 [方法一]:不用普通保存,用save without format 代码编辑页面---->按F1---->输入save without formatting---->回车 该操作可以用快捷键 **

关于vscode自动跳转回车的解决方法(关闭vscode自动保存功能:可能和其他插件有冲突)

我喜欢使用ESLint来保持我的代码的规范性,但是最近遇到问题:就是ctrl+s后变得如下: 我已经解决了:发现原来是编辑器本身的格式化和插件带的格式化起冲突,因为我把两者同时启用:FormatOnSave,因此代码被格式化2遍,如何解决? 1. VSCode左下角齿轮,设置,搜索:formatOnSave,如下,把勾勾上! 2.确保ESLint的save auto format关闭,说实话,这个auto fix常常失灵 3.去VSCode右下角,找到:选择缩进选项 将其设置为空格缩进,个数为2

一.问题 vscode的默认的代码格式化ctrl+shift+f 无法通过eslint的代码风格检查是一个非常蛋疼的问题 同样在进行vue项目开发的时候,使用eslint代码风格检查是没啥问题的,但是eslint自动格式化是我想去搞出来的. 在保存的时候,能够使得vscode代码自动格式化成eslint风格的代码,并且支持在html和vue中的代码 二.解决 1.安装 eslint 插件 2.打开用户配置 在用户设置中填写如下配置: { "eslint.autoFixOnSave":

vscode 的默认的代码格式化 alt+shift+f (windows) 无法通过 eslint 的代码风格检查,,, 比如: 4个空格和2个空格(ESLint) 字符串用单引号(ESLint) 这样在进行vue项目开发的时候,使用 eslint 代码风格检查就会报错: 所以需要在保存的时候,使 vscode 代码自动格式化成 eslint 风格的代码,并且支持在 html 和 vue 中的代码: 首先装下 ESlint 插件 然后配置项:文件 -> 首选项 -> 设置,加上下面设置: &

前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化.此时通过eslint插件可以实现对vue代码的自动格式化. 使用方式 在vscode的插件模块处,搜索eslint.找到下面的插件. 安装完成后,进行配置. file --> preferences --> setting 找到eslint. 打开setting.json. 在里面配置如下代码: { "eslint.options": { "extensions&qu

在vscode的settings.json中添加: "prettier.singleQuote": true, "prettier.semi": false, 不管别人有没有用,lz没用 切实有效: "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, // 格式化不加分号 "singleQuote"

参考文档:https://vuejs.github.io/vetur/formatting.html 自从将VSCode更新之后,vue文件的html格式化就失效了,而且vue文件中的js ,css格式化样式都变了,原因在于都采用了 prettier 来格式化,而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none" 将vetur这个插件的 vetur.format.defaultFormatter.html 值修改成  js-b

修改vscode的自动保存延迟时间,将 auto save delay 选项 修改的长一点.

很多时候敲了一大堆代码,结果手贱或者电脑没电或者电脑突然崩溃,如果没有保存,只能说GG.好在VSCode有自动保存代码的功能,而且有好几种自动保存的模式选择,设置方法如下: 进入">文件>首选项>设置",之后你可以搜索关键字"save"找到如下 可以看到一共有4种选择: off:关闭自动保存,这是默认选项 afterDelay:会每隔若干秒保存一次 OnFocusChange: 编辑器是去焦点时自动保存文件,比如说你打开了多个文件,你编辑好了A,然

在vscode 中   格式化vue文件没效果 解决办法: 点击头部文件 >首选项>设置 在右侧加入这两句 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html"

安装Beautify和React-beautify扩展程序,并在项目根目录创建配置文件.jsbeautifyrc,并复制下面代码到此配置文件里: { "mode": "beautify", "methodchain": "chain", "ternaryline": true, "formatObject": "default", "newline"

就是这个家伙 我的代码 @input-padding-y : 8px;@input-padding-x : 12px; @input-padding-y-lg : @input-padding-y + 4px;@input-padding-x-lg : @input-padding-x + 4px; 格式化后,他把加号“+”后面的空格去掉了 @input-padding-y : 8px;@input-padding-x : 12px; @input-padding-y-lg : @input-p

因为用惯了Mac,突然改回Windows,但是已经习惯了按Command键.所以在Windows下把vscode的快捷键全改成alt+key了.但是Windows的alt+key快捷键就比较烦人了.所以找到了下面这个方法: vscode 的安装目录 x:\...\Microsoft VS Code\resources\app\out\vs\code\electron-main下,把main.nls.js(英文) 和main.nls.zh-cn.js(中文简体)中的"vs/code/electro

1.安装Vetur插件 2.ctrl+,打开用户设置,找到"vetur.format.defaultFormatter.html": "none",

打开文件——>首选——>设置 输入搜索 tabsize 按照下图设置即可,然后打开 注意:如果不将Detect Indentation 勾选取消 以前用tab创建的忘记依然为4个空格

在日常开发中,一个大点的项目会有多人参与,那么可能就会出现大家的代码风格不一,各显神通,这个时候就要祭出我们的eslint. 在这之前磨刀不误砍柴工,我们先来配置一下我们的代码编辑工具,如何在vscode下保存代码时让代码自动以eslint标准来保存呢. 首先下载vscode就不用说了吧,那么在打开编辑器后我们在扩展商店先下载一个eslint插件 ok,下载完了让我们打开vscode的设置项,方式:左下角图标——>>设置 然后在这个json文件中放入下面代码配置就完成了 { "wor

如果在一个大型项目中会有多个人一起去开发,为了使每个人写的代码格式都保持一致,就需要借助软件去帮我们保存文件的时候,自己格式化代码 解决办法:vscode软件下载一个ESLint,在到设置里面找到setting.json文件,将下面的配置粘贴复制拷贝到文件中就可以了,so easy~ { // 当其前缀匹配时插入代码段.当 "quickSuggestions" 未启用时,效果最佳. "editor.tabCompletion": false, // 控制字体系列.

更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1.安装ESLlint库(在项目本地或全局安装,看具体项目需要) 2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求) 3.根据文档设置完,保存文件时即可进行eslint修复(MacOS:快捷键是 command + s ) 安装 该扩展使用安装在打开的工作区文件夹

从最开始用sublime3到webstrom再到vscode,我的感觉如下: sublime首次加载项目文件速度较快,每次装插件有点麻烦,插件很丰富,也很好用. webstrom首次加载项目文件速度奇慢无比,尤其对于webpack依赖的模块较多的时候. vscode是一个前同事推荐的,秒开项目,称它为最快加载速度的编辑器,确实也配得上. 记得刚来公司工作的时候,我的电脑是一台4G内存的旧电脑,最开始是用的sublime,刚开始就切切页面,并兼容IE6,没什么问题.后来换成webstrom也没事,