关闭

vscode 保存时自动格式化出问题 解决的三种办法

标签: javascript格式化插件vscodevue
1336人阅读 评论(0) 收藏 举报
分类:

最近vscode出现了保存时自动加分号的问题(配置并不是如此),出现这样的问题多半是因为 Vetur 这个插件更新造成的,应做以下配置:

方法一

1.在项目中的 .vscode文件夹下创建formatter.json文件(该文件是用来配置JS-CSS-HTML Formatter的)
2.在里面写下你要的配置,如:

{
  "onSave": true,
  "javascript": {
    "indent_size": 2,
    "indent_char": " ",
    "eol": "auto",
    "preserve_newlines": true,
    "break_chained_methods": false,
    "max_preserve_newlines": 0,
    "space_in_paren": false,
    "space_in_empty_paren": false,
    "jslint_happy": false,
    "space_after_anon_function": false,
    "keep_array_indentation": false,
    "space_before_conditional": true,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "e4x": false,
    "end_with_newline": true,
    "comma_first": false,
    "brace_style": "preserve-inline"
  },
  "css": {
    "indent_size": 2,
    "indentCharacter": " ",
    "indent_char": " ",
    "selector_separator_newline": true,
    "end_with_newline": true,
    "newline_between_rules": true,
    "eol": "\n"
  },
  "html": {
    "indent_inner_html": false,
    "end_with_newline": true,
    "indent_size": 2,
    "indent_char": " ",
    "indent_character": " "
  }
}

方法二

在vscode中 文件->首选项->设置,右侧加上一句:

//用系统自己的设置
"vetur.format.defaultFormatter.js": "vscode-typescript"

方法三

在vscode中 文件->首选项->设置,右侧加上一句:

//自动保存 这样他就不会触发保存时自动格式化
"files.autoSave": "afterDelay"
1
0
查看评论

解决VS Code保存时候自动格式化

不知道从哪个版本起,VS code 保存会自动格式化。以前都是alt+shift+F格式化的,现在一保存就格式化,而且html什么全都乱了,react项目也没法写,悲伤的我难道要转webstorm嘛?如何解决呢,操作如下: 于是我找到设置,搜索关键字:“格式化”或者“保存”,然后配置了两个参数,&#...
  • qq_35800306
  • qq_35800306
  • 2017-05-27 20:12
  • 15277

VS code 保存时自动格式化的问题

vscode中有关格式化的一共有两个选项,你可以手动声明 File->Preferences->User Settings,检查里面是否有相关配置。 然而不管有或没有,你都可以在里面写上 加入下面配置{ "editor.formatOnType": fa...
  • p358278505
  • p358278505
  • 2017-04-01 16:16
  • 18853

vs code 自动排版

先全选或者选中部分代码。然后按Ctrl + K,紧接着Ctrl + F即可
  • u010824081
  • u010824081
  • 2017-02-28 12:37
  • 1603

VisualStudio代码格式化的几个方法

有时我们从其他地方复制过来的代码当粘贴到VS中时,代码缩进的格式已经没有了,这样看代码十分不直观,自己重新排版又太慢,还好VS中已经为我们提供了自动格式化的功能,下面是格式化的几种方法,VS2008即以后的各个版本通用。 1)、选中需要格式化的代码,然后按Alt+F8 2)、选中需要格式...
  • lisongjia123
  • lisongjia123
  • 2015-11-07 23:22
  • 30635

vscode 格式化json

安装扩展插件  json-tools   快捷键 ctrl + alt + m https://marketplace.visualstudio.com/items?itemName=eriklynd.json-tools
  • caijunfen
  • caijunfen
  • 2017-04-19 17:27
  • 6738

VS Code .vue文件代码缩进以及格式化代码

首先在应用商店中搜索“Vetur”插件安装,然后进行下面操作: 文件->首选项->设置,然后在右边编辑框输入以下设置: { "prettier.tabWidth": 4, "vetur.format.defaultFormatte...
  • tangletao
  • tangletao
  • 2017-12-14 10:12
  • 2191

【VSCode】Windows下VSCode编译调试c/c++【更新】

————————– 2017.06.10 更新————————-便携版已更新,点此获取便携版 用于cpptools插件的配置文件更新 更新的launch.json// Available variables which can be used inside of strings. // ${wo...
  • c_duoduo
  • c_duoduo
  • 2016-06-08 23:04
  • 112873

Vetur:VSCode下强大的Vue开发工具

Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更新。虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优秀的plugins都提供了强大的支持。比如VSCode下面的Vetur就是这样一款必备的Vue开发工...
  • xjlinme
  • xjlinme
  • 2017-06-27 09:27
  • 14836

vscode —— 编码缩进空格转为tab

由于共同开发时,需要格式化代码,方便别人阅读。 我们规定同意使用 4个空格的缩进 然而发现当我想将vscode缩进设置为4个空格,发现它已经默认是4个空格了,但是并没有在所有文件内都生效 解决:文件 ——> 首选项 1. 因为vscode默认启用了根据文件类型自动设置tabsiz...
  • young_Emily
  • young_Emily
  • 2017-11-29 10:31
  • 3315

VScode 无法创建文件或者无法保存文件

切换到管理员模式下 su root 终端输入 #code --user-data-dir=/root 即可
  • Zone_yuan
  • Zone_yuan
  • 2017-11-29 09:49
  • 442
    个人资料
    • 访问:3015次
    • 积分:154
    • 等级:
    • 排名:千里之外
    • 原创:11篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条