vscode中粘贴文本缩进混乱的解决

简介: 有时候用vscode写代码时候,会碰到这样的问题,从Excel表中复制制表符分割的文件到vscode中去进行处理,分隔符就变了,像下图一样,有的行1个空格分割,有的行变为3个空格,格式已经发生混乱。这样会导致写代码用split分割时候你不知道以什么分割,文本少的时候还OK,手动改改,文本大的时候,就麻烦了必须得让他们统一,复制的啥格式粘贴就得是啥格式。

有时候用vscode写代码时候,会碰到这样的问题,从Excel表中复制制表符分割的文件到vscode中去进行处理,分隔符就变了,像下图一样,有的行1个空格分割,有的行变为3个空格,格式已经发生混乱。这样会导致写代码用split分割时候你不知道以什么分割,文本少的时候还OK,手动改改,文本大的时候,就麻烦了必须得让他们统一,复制的啥格式粘贴就得是啥格式。

776e5f4cb38c51d9c8605a7e3dc598a.png

解决方法就是是设置你的vscode中的setting文件,ctrl+shift+P调出输入框,输入setting打开你的设置文件。

89bd6c83330ba71f231d8db709ae976.png

在设置文件中,我们只需要加入"editor.formatOnPaste": false,这句就解决了粘贴缩进问题。除此之外还有一些有意思的设置比如 "workbench.sideBar.location":"right", 通过设置right或left会控制你的文件在编辑器的左侧还是右侧,"editor.tabSize": 4,控制你tab键缩进是多少个空格,"editor.formatOnSave": false,保存时候自动格式化,还有设置字体大小,行高等,具体大家自己看详细设置,也可以自己搜索网上一些其他设置示例,或许有更有意思的配置。

这里我贴出自己的设置文件,以供参考。

{
    "workbench.editor.closeEmptyGroups": false,
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
      "*.vue": "html",
      "*.css": "scss",
      ".eslintrc": "json",
      "*.wpy": "vue",
      "*.cjson": "jsonc",
      "*.wxss": "css",
      "*.wxs": "javascript"
    },
    "emmet.includeLanguages": {
      "javascript": "javascriptreact",
      "wxml": "html"
    },
    "window.zoomLevel": -1,
    "workbench.sideBar.location": "right",
    "files.autoSave": "afterDelay",
    "editor.minimap.maxColumn": 50, 
    "workbench.iconTheme": "vscode-icons", 
    "git.ignoreLegacyWarning": true,
    "editor.fontFamily": "Consolas",
    "workbench.sideBar.location":"right", 
    "editor.mouseWheelZoom": true,
    "editor.formatOnPaste": false, 
    // 解决粘贴后格式乱的问题
    // 行太长自动换行
    "editor.wordWrap": "off",
    // 換行
    // "editor.wordWrap": "on",
    // 代码缩进修改成4个空格
    "editor.tabSize": 4,
    //保存的时候自动格式化
    "editor.formatOnSave": false,
    // 字體大小
    "editor.fontSize": 25,
    // 設置行高
    "editor.lineHeight": 25,
    "typescript.check.tscVersion": false,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "git.confirmSync": false,
    "editor.minimap.enabled": true,
    "workbench.startupEditor": "newUntitledFile",
    "git.autofetch": true,
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "vue"
    ],
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "vetur.validation.template": true,
    "vetur.format.enable": true,
    "vetur.format.defaultFormatter.js": "none",
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "workbench.settings.editor": "json",
    "vetur.format.defaultFormatter": {
      "html": "prettier",
      "css": "prettier",
      "postcss": "prettier",
      "scss": "prettier",
      "less": "prettier",
      "js": "prettier",
      "ts": "prettier",
      "stylus": "stylus-supremacy"
    },
    "[scss]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "minapp-vscode.disableAutoConfig": true,
    "[wxml]": {
      "editor.defaultFormatter": "qiu8310.minapp-vscode"
    }
  }

最终就是这个样子:

a773938374fe1b374eed8f00f855e76.png

相关文章
|
Go
VSCode资源管理器文件树缩进配置
VSCode文件树缩进太小,看上去一点都不清晰
1457 0
VSCode资源管理器文件树缩进配置
vscode 格式化使用Tab缩进4个制表符
vscode 格式化使用Tab缩进4个制表符
718 0
|
前端开发
前端知识学习案例17vs code-选中所有出现得文本
前端知识学习案例17vs code-选中所有出现得文本
70 0
前端知识学习案例17vs code-选中所有出现得文本
vscode插件快餐教程(8) - LSP文本同步
这一节开始我们介绍下通过LSP进行文本同步的方法。
1708 0
|
7月前
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
83 0
|
7月前
|
人工智能 自然语言处理 算法
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
255 0
|
7月前
|
敏捷开发 人工智能 前端开发
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
|
7月前
|
前端开发
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
|
6月前
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
94 4
|
6月前
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐