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实现读取txt文档的脚本
Jul 20 Javascript
javascript 对象比较实现代码
Apr 27 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
JavaScript数据结构中串的表示与应用实例
Apr 12 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
Feb 26 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
three.js显示中文字体与tween应用详析
Jan 04 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
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
PHP模板解析类实例
2015/07/09 PHP
jquery isType() 类型判断代码
2011/02/14 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
Vue自定义指令详解
2017/07/28 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
python中enumerate函数遍历元素用法分析
2016/03/11 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
Tensorflow 自带可视化Tensorboard使用方法(附项目代码)
2018/02/10 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
Python制作简易版小工具之计算天数的实现思路
2020/02/13 Python
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
简历的自荐信
2013/12/19 职场文书
收费员岗位职责
2015/02/14 职场文书
小学班主任个人总结
2015/03/03 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
联欢会开场白
2015/06/01 职场文书
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android