有时候用vscode写代码时候,会碰到这样的问题,从Excel表中复制制表符分割的文件到vscode中去进行处理,分隔符就变了,像下图一样,有的行1个空格分割,有的行变为3个空格,格式已经发生混乱。这样会导致写代码用split分割时候你不知道以什么分割,文本少的时候还OK,手动改改,文本大的时候,就麻烦了必须得让他们统一,复制的啥格式粘贴就得是啥格式。
图片.png
解决方法就是是设置你的vscode中的setting文件,ctrl+shift+P调出输入框,输入setting打开你的设置文件。
图片.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"
}
}
最终就是这个样子:
图片.png
网友评论