vscode中vue文件保存时如何自动格式化
发表于:2024-10-18 作者:千家信息网编辑
千家信息网最后更新 2024年10月18日,这篇文章将为大家详细讲解有关vscode中vue文件保存时如何自动格式化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.安装插件vscode安装以下插件:esli
千家信息网最后更新 2024年10月18日vscode中vue文件保存时如何自动格式化
这篇文章将为大家详细讲解有关vscode中vue文件保存时如何自动格式化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1.安装插件
vscode安装以下插件:
eslint
Vetur
Prettier - Code formatter
2.vue文件保存时格式化
按住·commond+shift+p·,搜索 perferences open setting(json)。
在配置文件中添加以下内容,注意不要直接所有拷贝进去,可能会覆盖到你自己的配置。建议拷贝进去然后去除重复的key即可。
{"editor.suggestSelection": "first","vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue","explorer.confirmDelete": false,"editor.tabSize": 2,"files.autoSave": "onFocusChange","editor.fontSize": 14, // 设置字体"editor.tabCompletion": "on", // 用来在出现推荐值时,按下Tab键是否自动填入最佳推荐值"editor.codeActionsOnSave": {"source.fixAll.eslint": true,"source.organizeImports": true // 这个属性能够在保存时,自动调整 import 语句相关顺序,能够让你的 import 语句按照字母顺序进行排列},"editor.formatOnSave": true,// #让vue中的js按"prettier"格式进行格式化"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.js":"prettier-eslint","vetur.format.defaultFormatterOptions": {"js-beautify-html": {// #vue组件中html代码格式化样式"wrap_attributes": "auto", //也可以设置为"auto",效果会不一样"wrap_line_length": 200,"end_with_newline": false,"semi": false,"singleQuote": true},"prettier": {"semi": false,"singleQuote": true,"editor.tabSize": 2},"prettyhtml": {"printWidth": 160,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}},"[vue]": {"editor.defaultFormatter": "octref.vetur"},"bracketPairColorizer.depreciation-notice": false,"editor.mouseWheelZoom": true}
问题记录
格式化目录下所有文件
下载插件Start Format Files
,然后右键目录选择 开始格式化文件
即可。
关于"vscode中vue文件保存时如何自动格式化"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
格式
文件
插件
篇文章
内容
拷贝
更多
目录
语句
顺序
推荐
配置
不错
实用
代码
字体
字母
属性
建议
效果
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库 da.fill
网络安全法简易画
计算机网络技术最好的大学
四川华为服务器续保费用
江西专升本计算机网络技术
软件开发经常看电脑
网络安全的一些基础知识
抖音这个软件开发了多久
信息部网络安全员
津南区企业网络技术售后服务
网络技术与应用专业就业方向
ps5要备份哪几个服务器
良朋网络技术长春
贵州展招网络技术有限公司
数据库表格多条件连接
服务器电源全球市场
深圳网络安全技术大学排名
网络安全权力清单
新一代软件开发服务有哪些
重庆电信服务器
山东工控软件开发需要多少钱
交通违章软件开发
thinkserver服务器怎么打开盖子
网络安全赛博
大数据网络安全内容
网络安全的要素包括什么
我与网络安全法
贝莱德软件开发
数据库bd数据系统dbs
access多数据库合并