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 的配置内容请查看:
extensions.json文件
改文件用来为当前项目推荐扩展插件,用以保持项目所有成员 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