vs code代码格式化配置

安装 Prettier - Code formatter

点击左下角设置 > 设置 > 右上角打开设置按钮 > 打开 settings.json

{// 左侧目录不折叠"explorer.compactFolders": false,// 选择格式化工具"[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},// prettier格式化配置"prettier": {// 句尾添加分号"semi": false,// 缩进字节数"tabWidth": 2,// 超过最大值换行"printWidth": 500,// 使用单引号代替双引号"singleQuote": true}
}

vetur格式化vue

{// 左侧目录不折叠"explorer.compactFolders": false,// #每次保存的时候自动格式化"editor.formatOnSave": true,"editor.fontSize": 16,"editor.tabSize": 2,// 代码提示顺序"editor.snippetSuggestions": "top",// 选择格式化工具"[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[less]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[json]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[css]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[vue]": {"editor.defaultFormatter": "octref.vetur"},// prettier配置"prettier": {// 句尾添加分号"semi": false,// 缩进字节数"tabWidth": 4,// 超过最大值换行"printWidth": 500,// 使用单引号代替双引号"singleQuote": true},// vetur配置"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto" // 设置为“force-aligned”，效果会不一样},"prettier": {"semi": false, // 不加分号"singleQuote": true, // 用单引号"tabWidth": 2, // tab缩进空格个数"trailingComma": "none", // 禁止在末尾加逗号"printWidth": 200 // 每行宽达到200才强制换行}}
}

vscode文件图标插件

插件：vscode-icons

vs code代码格式化配置相关推荐

前端代码规范之代码格式化配置
前言由于每个前端人员的格式化配置或安装的格式化插件不一,导致在对项目开发的过程中代码风格不一,影响团队开发效率: 为了方便维护及统一代码风格制定团队的一套格式化配置,来对项目代码进行约束以及对部分问 ...
google风格代码格式化配置（eclipse和idea）
目录 1. Eclipse平台可以使用eclipse-java-google-style.xml配置 1.1 平台配置 1.2 保存代码自动格式化设置 2. IDEA平台可以使用intellij-ja ...
Visual Studio code 代码格式化整理
vs code格式化代码的快捷键如下:(来源于这里) On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shi ...
vscode代码格式排列_Visual Studio code 代码格式化整理
vs code格式化代码的快捷键如下:(来源于这里) On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shi ...
vscode vue settings.json 代码格式化配置！自定义设置 VSCode代码颜色设置（霸霸看了都说好）
配置 VS Code 文件 -> 首选项 -> 设置 -> 用户设置栏 -> 扩展 -> Vetur 打开文件加入如下配置: {// tab 大小为2个空格"e ...
vscode代码格式化配置。
目的统一团队代码风格,防止协作中不必要的冲突,团队主要技术栈VUE. 编辑器:vscode 插件:Vetur.Prettier.koroFileHeader(添加文件头部注释和方法注释) 配置文件位 ...
VSCode中针对C语言的代码格式化配置
默认格式化工具打开设置(Ctrl + ,) ,选择"用户"配置,找到"文本编辑器" - "Default Formatter": 安装了C ...
VS Code 代码格式化（4个空格）(Vue)
首选项-设置-搜索tabSize "editor.detectIndentation": false, // 改为false,这里默认是true "vetur.forma ...
三步搞定 vscode 代码格式化
一.安装以下几个 vscode 扩展程序: ESLint Prettier - Code formatter Vetur 如图: 二.打开 settings 文件打开方式: 先按步骤打开 setti ...
2 snippets vue 修改配置_vue-snippets: 支持 Vue 3 的语法高亮，代码格式化和代码提示的 Visual Studio Code 插件。...
Vue 2/3 代码片段语法高亮格式化插件这是一款在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率. 你可以在 VS Cod ...

vs code代码格式化配置

安装 Prettier - Code formatter

vetur格式化vue

vscode文件图标插件

vs code代码格式化配置相关推荐

最新文章

热门文章