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实现json页面分页实例代码
Feb 20 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 Javascript
JavaScript的一些小技巧分享
Jan 06 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
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读取IMAP邮件
2006/10/09 PHP
PHP校验ISBN码的函数代码
2011/01/17 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
django中的ajax组件教程详解
2018/10/18 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
vue实现一个炫酷的日历组件
2018/10/08 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
Python3 replace()函数使用方法
2018/03/19 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
python实现支付宝转账接口
2019/05/07 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
理财投资建议书
2014/03/12 职场文书
扬尘污染防治方案
2014/06/15 职场文书
小学安全汇报材料
2014/08/14 职场文书
英文升职感谢信
2015/01/23 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书