VSCode插件安装完成后的配置(常用配置)


Posted in Javascript onAugust 24, 2020

Vue 组件安装完成后的配置,具体内容如下所示:

VSCode插件安装完成后,有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置,接下来是我常用的一些配置

{
  "workbench.iconTheme": "vscode-icons",
  "window.zoomLevel": 0,
  "files.autoSave": "afterDelay",
  "eslint.runtime": "",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.codeAction.disableRuleComment": {},
  "eslint.codeAction.showDocumentation": {},
  "editor.formatOnSave": true,
  "vetur.completion.scaffoldSnippetSources": {},
  "vetur.format.defaultFormatter.html": "prettier",
  // 是否允许自定义的snippet片段提示
  "editor.snippetSuggestions": "top",
  "editor.fontSize": 14,
  "editor.fontWeight": "400",
  "editor.formatOnType": true,
  "guides.enabled": false,
  "editor.tabSize": 2,
  "git.confirmSync": false,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  // 配置文件关联,以便启用对应的提示
  "files.associations": {
    "*.vue": "vue",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript"
  },
  // 配置emmet是否启用tab展开缩写
  "emmet.triggerExpansionOnTab": true,
  // 配置emmet对文件类型的支持
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  // 是否开启eslint检测
  "eslint.enable": true,
  // eslint配置文件
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "git.autofetch": true,
  "workbench.colorTheme": "One Dark Pro",
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
}

这个配置能够直接让你ctrl+/注释代码,不管是vue的还是html的;也能ctrl+s时使用eslint格式化代码;输入for,forEach,map等的自动完成代码等一系列的快捷操作

总结

到此这篇关于VSCode插件安装完成后的配置(常用配置)的文章就介绍到这了,更多相关VSCode插件安装内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript的面向对象方法以及差别
Mar 31 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
浅谈js闭包理解
Mar 28 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
JS实现按比例缩小图片宽高
Aug 24 #Javascript
JS实现简易贪吃蛇游戏
Aug 24 #Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 #Javascript
Node.js 中判断一个文件是否存在
Aug 24 #Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 #Javascript
在Vue中使用HOC模式的实现
Aug 23 #Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 #Javascript
You might like
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
Zend Framework动作助手Json用法实例分析
2016/03/05 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
JavaScript实现网页截图功能
2014/10/16 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
ES6新特性四:变量的解构赋值实例
2017/04/21 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
Python复数属性和方法运算操作示例
2017/07/21 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
艺术爱好者的自我评价分享
2013/10/08 职场文书
会计毕业生自我鉴定
2013/11/04 职场文书
本科应届生自荐信
2014/06/29 职场文书
学雷锋的心得体会
2014/09/04 职场文书
转学证明范本
2015/06/19 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android