vscode .vue文件格式配置 使其与webstorm设置一致
时间:2022-07-22
本文章向大家介绍vscode .vue文件格式配置 使其与webstorm设置一致,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
{
"files.autoSave": "afterDelay",
"editor.renderControlCharacters": true,
"workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 0,
"[html]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features",
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"remote.SSH.showLoginTerminal": true,
"remote.SSH.remotePlatform": {},
"remote.SSH.enableAzureIntegration": true,
"sonarlint.ls.javaHome": "c:\Users\杨东楠\.vscode\extensions\sonarsource.sonarlint_managed-jre\jre\jdk-11.0.7+10-jre",
"editor.tabSize": 2,
"editor.detectIndentation": false,
"editor.wordWrap": "off",
"editor.tabCompletion": "on",
"workbench.colorTheme": "Atom One Dark",
"editor.formatOnType": true,
"editor.formatOnPaste": true,
"editor.renderWhitespace": "all",
"beautify.config": "",
"explorer.confirmDelete": false,
"files.associations": {
".vue": "html",
".ts": "ts",
},
//在文件末尾自动插入空白行
"files.insertFinalNewline": true,
//自定义格式化选项 tab缩进 此处设置后上面的将不生效
"vetur.format.options.tabSize": 2,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
//自动换行
"wrap_attributes": "auto",
"wrap_attributes_mode": "auto",
//换行最大长度
"wrap-line-length": 120,
"wrapped_attributes_per_line": "multiple",
"wrapped_attributes_indent": "auto",
"wrapped_attributes_end": "auto"
},
"prettier": {
//强制设置单引号
"singleQuote": true,
//尾部是否加分号
"semi": true,
"printWidth": 100,
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
}
},
"emmet.includeLanguages": {
"vue": "html",
},
"vetur.format.options.useTabs": true,
//默认script标签缩进
"vetur.format.scriptInitialIndent": true,
//默认style标签缩进
"vetur.format.styleInitialIndent": true,
"vetur.grammar.customBlocks": {
"docs": "md",
"i18n": "json"
},
}
- MongoDB 分片集群技术
- hadoop任务测试
- Android查缺补漏(线程篇)-- AsyncTask的使用及原理详细分析
- Android查缺补漏(IPC篇)-- 进程间通讯基础知识热身
- Android查缺补漏(IPC篇)-- 进程间通讯之AIDL详解
- Android查缺补漏(IPC篇)-- 进程间通讯之Socket简介及示例
- Android查缺补漏(IPC篇)-- Bundle、文件共享、ContentProvider、Messenger四种进程间通讯介绍
- Android查缺补漏(View篇)--布局文件中的“@+id”和“@id”有什么区别?
- Name node is in safe mode.
- Android查缺补漏(View篇)--事件分发机制源码分析
- Android查缺补漏(View篇)--事件分发机制
- Android查缺补漏(View篇)--自定义View利器Canvas和Paint详解
- Android查缺补漏(View篇)--自定义 View 的基本流程
- CVPR2018: Unsupervised Cross-dataset Person Re-identification by Transfer Learning of Spatio-tempora
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法