贴一下我在写 vue 时候的 vscode 的配置过程,ESlint 是建议的

1. 需插件安装

Vetur : 语法高亮等功能

ESlint : 代码风格检测

Prettier formatter for Visual Studio Code: 为了配合 ESlint

2. 插件设置

vue 的模板格式化:

"vetur.format.defaultFormatter.html":"js-beautify-html"

vue 模板的 eslint 校验

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue",

{

"language": "html",

"autoFix": true

}

]

Prettier 设置去除不必要空格:"prettier.semi": false

Prettier 设置格式化后"变':"prettier.singleQuote": true

在 vscode 中排除 node_modules 等文件夹:

"files.exclude": {

"**/.git": true,

"**/.svn": true,

"**/.hg": true,

"**/CVS": true,

"**/.DS_Store": true,

"**/node_modules": true,

"**/package-lock.json": true,

},

以新行结束

"html.format.endWithNewline": false

完整的 vue 相关用户设置如下

"files.exclude": {

"**/.git": true,

"**/.svn": true,

"**/.hg": true,

"**/CVS": true,

"**/.DS_Store": true,

"**/node_modules": true,

"**/package-lock.json": true

},

"vetur.format.defaultFormatter.html": "js-beautify-html",

"editor.formatOnSave": true,

"prettier.semi": false,

"prettier.singleQuote": true,

"html.format.endWithNewline": true,

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue",

{

"language": "html",

"autoFix": true

}

]

vscode格式化oracle的插件,vscode 格式化插件相关推荐

  1. VSCode的prettier插件怎么格式化html文件才好

    VSCode的prettier插件可以很方便的帮助我们格式化文档,但是对于HTML文件的格式化并不友好,每次我使用prettier格式化之后,html标签都会换行,这样html标签之间的结构就不是很清 ...

  2. vscode html 格式化_详解VSCode 格式化不符合预期的问题

    一句话总结 不同格式化程序执行时长不一样,导致文件格式好后和预期不符. 请务必保持校验(Lint)规则和格式化(Format)规则一致,不然格式化后还是不符合预期是非常讨厌的. 本篇主要讲解怎么调教V ...

  3. vscode开发小程序需要安装的插件集合

    vscode开发小程序需要安装的插件集合 1.小程序开发助手 这是每一个小程序开发者必备的神器,它具备: 支持 js,json,wxml 文件的代码提示 wxml 文件语法高亮 2.EASY less ...

  4. vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题

    vscode中用快捷键 Alt + Shift + F 格式化代码不生效(文件中 script脚本部分的代码没有格式化)的问题 在 vscode 中书写代码,有时候缩进格式不一致,代码没有对齐,看起来 ...

  5. VsCode工具开发vue项目必装插件

    VsCode工具开发vue项目必装插件 目录 VsCode工具开发vue项目必装插件 1.概述 2.VsCode插件清单 2.1.Vetur插件让vue文件代码高亮 2.2.Vue VSCode Sn ...

  6. VScode常用插件_AE必备插件

    文章目录 官网地址 基础插件 html CSS Support HTML Snippets HTMLHint stylelint JavaScript (ES6) code snippets ESLi ...

  7. vscode 常用php插件,vscode 常用插件

    1. Search node_modules 用于搜索node_modules下的文件 2. CodeMetrics Computes complexity in TypeScript / JavaS ...

  8. vscode 逗号不换行_来自一个插件的疯狂夸赞,VS Code「彩虹屁」插件问世,网友:我想要郭德纲版...

    听说有人开发了「虚拟程序员鼓励师」,安装使用后的我疯狂捶墙,导致我家变成了单间. 机器之心报道,机器之心编辑部. 你可能从未想过,会有这么一个人: 对你写的每一行代码都不吝夸赞,知道你什么时候想骂人, ...

  9. vscode 插件导出_VScode插件推荐

    由于最近对于vscode这款编辑器比较感兴趣,因此也是探索了一些里面比较好用的插件.不得不说,vscode是真的好用,其插件生态更是amazing.在这里我分享一下我最近找的一些比较好用的插件,如果有 ...

  10. 关于如何用vscode使用Competitive Programming Helper (cph)插件以及网页插件competitive-companion实现高效刷题

    首先官网下载vscode,之后的配置以及MInGW的安装以及环境变量的配置可以看这个视频: 2202年了还在用Dev吗? 快来使用vscode配置高效-美观-简洁的c/c++编程环境_哔哩哔哩_bil ...

最新文章

  1. 微软提供支持Windows 10预览版和EdgeHTML 14的预配置虚拟主机
  2. 1、MySQL日志及分类
  3. button按钮onclick触发不了_手把手教你深入CSS实现一个粒子动效的按钮
  4. Android插件化开发之动态加载三个关键问题详解
  5. Linux: Shell编程基础
  6. studio 快捷键
  7. C#简介和异常类总结
  8. 【C/C++学院】0805-语音识别控制QQ/语音控制游戏
  9. 数学建模中的常见模型
  10. 7-3 判断素数 (10 分)
  11. 电商设计——3、点线面及光影
  12. Python深度学习婴儿啼哭声分类识别,测试集准确率67.5%
  13. 中小型互联网公司技术研发部门组织架构及职责
  14. 【C#】Whisper 离线语音识别(微软晓晓语音合成的音频)(带时间戳、srt字幕)...
  15. 《Linux高性能服务器编程》阅读笔记 之(二)IP 协议详解
  16. 基于TensorRT 5.x的网络推理加速(python)
  17. 计算机应用基础知识盘,计算机应用基础知识介绍.ppt
  18. 淘宝开放平台回顾与前景展望
  19. 知乎社区平台分析报告
  20. 阿里巴巴并购雅虎意愿耐人寻味 或迎来转机

热门文章

  1. 易语言学习笔记(四)--js解密,图形验证码,滑块,鱼刺多线程
  2. MOT和MTMC指标总结及详细计算方法
  3. 即时通讯工具微信 v2.7.1.82 绿色便携版
  4. layui分页快速使用
  5. 【已解决】Unable to negotiate with 47.98.49.44 port 22: no matching host key type found. Their offer: ssh
  6. 那些年的编程技术和网络程序
  7. 【eNSP 华为模拟器】常用的使用技巧与配置命令,提高你的配置速度
  8. oracle CTE 简介
  9. 戴尔G3笔记本磁盘被BitLocker加密后解锁方法
  10. WDS201 2串口RS-232转10/100Base-T(X) + 801.11 b/g无线设备服务器