vscode使用vetur解决代码换行、格式化、常量问题

最近一直被代码换行问题困扰，没有过长内容就换行，看起来感觉很不舒服，如

这么看还行，但是这样就感觉很难受（明明还有那么大的空间）==！

使用vetur

这样看起来一目了然，舒服了很多 O.O

接下来带大家看使用vetur插件处理代码格式化和换行，常亮问题。
安装：

我这块已经安装了vetur没有的同学可以在vscode扩展里自行搜索安装
配置vetur路径
找到settings.json
路径：code --> 首选项 --> 设置
快捷键：windows:“ctrl+shift+,”；mac:“cmd+,”
*增加vetur配置

  // Vetur 全局设置"vetur.format.options.tabSize": 4,"vetur.format.options.useTabs": false,// 各类型代码默认格式化方式"vetur.format.defaultFormatter.html": "prettyhtml","vetur.format.defaultFormatter.css": "prettier","vetur.format.defaultFormatter.postcss": "prettier","vetur.format.defaultFormatter.scss": "prettier","vetur.format.defaultFormatter.less": "prettier","vetur.format.defaultFormatter.stylus": "stylus-supremacy","vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatter.ts": "prettier","vetur.format.defaultFormatterOptions": {// for html"prettyhtml": {"tabWidth": 4,"wrapAttributes": false,"sortAttributes": false,"bracketSpacing": true,"printWidth": 200 //可以根据自己的屏幕宽度配置对应的换行宽度},// for js css"prettier": {"eslintIntegration": true,// 使用单引号"singleQuote": true,// 不加分号"semi": false,"tabWidth": 4,"printWidth": 140,"bracketSpacing": true,"useTabs": false}},

到这里就结束了，如果这篇文章对您有所帮助，可以点赞加收藏

vscode使用vetur解决代码换行、格式化、常量问题相关推荐

vscode使用vetur插件不换行
纯分享 {// vetur configuration"vetur.format.defaultFormatter.html": "js-beautify-html&qu ...
VScode格式化代码换行问题
注意:应该是去更改vetur的默认代码我是安装这个插件了之前格式化之后会变成这样少了还好标签一多找的时候就特别麻烦,下边的办法就是解决这个问题的附:修改后的效果图 1.打开文件首选项 ...
vscode使用vetur格式化代码
向settings.json中添加如下代码 {"files.autoSave": "onFocusChange","editor.formatOnSa ...
vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题
vscode中用快捷键 Alt + Shift + F 格式化代码不生效(文件中 script脚本部分的代码没有格式化)的问题在 vscode 中书写代码,有时候缩进格式不一致,代码没有对齐,看起来 ...
在 vscode 中统一 vue 编码风格，解决代码报错不能启动问题
原文:http://www.itboth.com/d/bmA3ym/eslint-vue 推荐:VUEJS 实战教程第三章,利用laypage插件实现分页 [VUEJS 实战教程第三章,利用laypa ...
vscode中如何修改vetur配置_vscode 配置vue+vetur+eslint+prettier自动格式化功能
该配置用于vue开发,最终效果是保存时自动根据eslint对js.html和css代码进行格式化. vscode Vetur插件 Vetur插件用于识别vue文件,原本vetur自带格式化功能,但是和 ...
vscode 优化.vscode/ipch（解决格式化失效以及占用存储空间大的问题）
概述使用vscode打开一个文件夹,然后随便编辑几个C++代码文件,跳转几个函数,然后就能看到在该文件目录下生成了一个.vscode的文件夹然后进入到.vscode文件夹后,继续进入ipch文件夹 ...
vscode在报错时候自动格式化代码
使用默认的 vscode使用的prettier vscode 保存代码自动格式化插件在vscode设置里面选中formatOnSave,也可以在setting.json中修改 "edito ...
VSCode Clang代码自动格式化
针对Windows环境下Visual Studio Code的C/C++代码自动格式化. C/C++扩展在VSCode里安装C/C++扩展,扩展程序将自动安装Clang-Format. 在C/Cpp ...

vscode使用vetur解决代码换行、格式化、常量问题

使用vetur

vscode使用vetur解决代码换行、格式化、常量问题相关推荐

最新文章

热门文章