VS Code保存格式化

1,vscode编辑器

打开settings.json文件,修改下面几项

"editor.formatOnType": false, // 控制编辑器在键入一行后,是否自动格式化该行
"editor.formatOnSave": false, // 保存自动格式化,默认只支持 javascript .js 文件
"files.trimTrailingWhitespace": false, // 保存文件时删除行尾的空格

2,editorconfig 文件修改如下配置

#是否删除换行符之前的空白字符
trim_trailing_whitespace = false
#文件是否应以换行符结尾
insert_final_newline = false

更多关于vscode 的配置内容请查看:

史上最全vscode配置使用教程

VS Code 官方文档

extensions.json文件
改文件用来为当前项目推荐扩展插件,用以保持项目所有成员 vscode 编辑器扩展插件统一,具体使用请看:

vue项目配置vscode

分享配置
用户配置:

{
  // ==================== associations =================
  "files.associations": {
    "*.html": "html",
    "*.wxml": "wxml",
    "*.vue": "vue",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript"
  },
 
  // ==================== emmet ==================
  // 配置emmet是否启用tab展开缩写(在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码)
  "emmet.triggerExpansionOnTab": true,
  // 配置emmet对文件类型的支持
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  // 在默认不支持的语言中启用Emmet缩写。在这里添加语言和Emmet支持的语言之间的映射
  "emmet.includeLanguages": {
    "jsx-sublime-babel-tags": "javascriptreact",
    "wxml": "html"
  },
 
  // ================= 格式化配置 =================
  // 是否为JavaScript文件开启eslint检测,默认开启
  "eslint.enable": true,
  // 保存时修复来自所有插件的所有可自动修复的ESlint错误
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 应通过ESLint验证的语言数组
  "eslint.validate": ["javascript", "javascriptreact", "vue"],
  // 控制编辑器在键入一行后,是否自动格式化该行
  "editor.formatOnType": false,
  // 在保存时格式化文件,格式化程序必须可用
  // 单纯使用eslint可以不开启,使用prettier时必须开启
  // 会使用模式格式化工具格式化代码
  "editor.formatOnSave": false,
  // 在保存文件时修剪尾随空格
  "files.trimTrailingWhitespace": false,
  // 当启用时,diff编辑器将忽略前导或尾随空格中的更改
  "diffEditor.ignoreTrimWhitespace": false,
  // 在快速修复菜单中显示打开的 lint 规则文档网页
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  // 关闭vetur的格式化功能
  "vetur.validation.script": false,
  "vetur.validation.style": false,
  "vetur.validation.template": false,
  // "editor.tabSize": 2
 
  // =================== 格式化插件选择 ====================
  // "[vue]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[javascript]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[json]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "editor.formatOnPaste": false,
 
  // =================== 基础配置 =================
  "editor.fontSize": 14,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", // 窗口标题
  "minapp-vscode.disableAutoConfig": true,
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  // "breadcrumbs.enabled": false, // 启用/禁用面包屑导航
  // "git.suggestSmartCommit": false, // 建议启用智能提交(在没有分段更改时提交所有更改)
  // "gitlens.advanced.messages": { // 指定应该抑制哪些消息
  //   "suppressCommitNotFoundWarning": true
  // },
  
  //  - off: 永不换行
	//  - on: 将在视区宽度处换行
	//  - inherit: 将根据 `editor.wordWrap` 设置换行
	"diffEditor.wordWrap": "inherit",
  // 折行方式 on视区宽度
  "editor.wordWrap": "on",
  // 打开新的文件tab页是否覆盖之前打开的tab页
  "editor.rename.enablePreview": false,
}

工作区配置:

vue项目:

{
  // ==================== associations =================
  "files.associations": {
    "*.html": "html",
    "*.wxml": "wxml",
    "*.vue": "vue",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript"
  },
 
  // ==================== emmet ==================
  // 配置emmet是否启用tab展开缩写(在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码)
  "emmet.triggerExpansionOnTab": true,
  // 配置emmet对文件类型的支持
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  // 在默认不支持的语言中启用Emmet缩写。在这里添加语言和Emmet支持的语言之间的映射
  "emmet.includeLanguages": {
    "jsx-sublime-babel-tags": "javascriptreact",
    "wxml": "html"
  },
 
  // ================= 格式化配置 =================
  // 是否为JavaScript文件开启eslint检测,默认开启
  "eslint.enable": true,
  // 保存时修复来自所有插件的所有可自动修复的ESlint错误
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": false
  },
  // 应通过ESLint验证的语言数组
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "reacttypescript",
    "reactjavascript",
    "html",
    "vue"
  ],
  // 控制编辑器在键入一行后,是否自动格式化该行
  "editor.formatOnType": true,
  // 在保存时格式化文件,格式化程序必须可用
  // 单纯使用eslint可以不开启,使用prettier时必须开启
  // 会使用模式格式化工具格式化代码
  "editor.formatOnSave": false,
  "editor.tabSize": 2,
  "editor.trimAutoWhitespace": true,
  // 在保存文件时修剪尾随空格
  "files.trimTrailingWhitespace": false,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.eol": "\n",
  // 当启用时,差异编辑器将忽略前导或尾随空格中的更改
  "diffEditor.ignoreTrimWhitespace": false,
  // 在快速修复菜单中显示打开的 lint 规则文档网页
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  // 关闭vetur的格式化功能
  "vetur.validation.script": false,
  "vetur.validation.style": false,
  "vetur.validation.template": false,
 
  // =================== 格式化插件选择 ====================
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // "[vue]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[javascript]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[json]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "editor.formatOnPaste": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
 
  // =================== 基础配置 =================
  "editor.fontSize": 14,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", // 窗口标题
  "minapp-vscode.disableAutoConfig": true,
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  // "breadcrumbs.enabled": false, // 启用/禁用面包屑导航
  // "git.suggestSmartCommit": false, // 建议启用智能提交(在没有分段更改时提交所有更改)
  // "gitlens.advanced.messages": { // 指定应该抑制哪些消息
  //   "suppressCommitNotFoundWarning": true
  // },
 
  //  - off: 永不换行
  //  - on: 将在视区宽度处换行
  //  - inherit: 将根据 `editor.wordWrap` 设置换行
  "diffEditor.wordWrap": "inherit",
  // 折行方式 on视区宽度
  "editor.wordWrap": "on",
  // 打开新的文件tab页是否覆盖之前打开的tab页
  "editor.rename.enablePreview": false,
  "git.autofetch": true,
  "workbench.iconTheme": "vscode-icons",
  "create-uniapp-view.style": "scss",
  "git.confirmSync": false,
  "security.workspace.trust.untrustedFiles": "open"
}

微信小程序:

{
  // 配置语言的文件关联
  "files.associations": {
    "*.html": "html",
    // "*.wxml": "html",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript"
  },
  // 在默认不受支持的语言中启用Emment缩写
  "emmet.includeLanguages": {
    "wxml": "html"
  },
 
  // 打开编辑器保存格式化功能(会使用当前存在且可用的格式化程序)
  "editor.formatOnSave": true,
  "vetur.validation.template": false, // 关闭 Vetur 的模板验证
  "vetur.validation.script": false, // 关闭 Vetur 的script验证
  "vetur.validation.style": false, // 关闭 Vetur 的style验证
  "vetur.format.enable": true, // 打开或关闭 Vetur 格式化程序
 
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    // 指定要执行验证的文件
    "javascript",
    "javascriptreact",
    "typescript",
    "reacttypescript",
    "reactjavascript"
  ],
 
  "vetur.format.defaultFormatter.scss": "prettier",
  "vetur.format.defaultFormatter.css": "prettier",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[wxml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

转载,原地址:https://blog.csdn.net/lwx931449660/article/details/120176961

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值