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 相关文章推荐
JS 非图片动态loading效果实现代码
Apr 09 Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery右下角弹出提示框示例代码
Oct 08 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
vue.js在标签属性中插入变量参数的方法
Mar 06 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
js实现超级玛丽小游戏
Mar 18 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
redis 队列操作的例子(php)
2012/04/12 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
js简单实现交换Li的值
2014/05/22 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
2016/11/25 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
深入理解令牌认证机制(token)
2019/08/22 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结
2014/07/09 DOTA
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
python对数组进行反转的方法
2015/05/20 Python
python开发之thread线程基础实例入门
2015/11/11 Python
python 写的一个爬虫程序源码
2016/02/28 Python
python正则表达式面试题解答
2020/04/28 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
python3实现点餐系统
2019/01/24 Python
基于python plotly交互式图表大全
2019/12/07 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
大学生思想汇报范文
2013/12/31 职场文书
高三地理教学反思
2014/01/11 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书