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 相关文章推荐
基于jquery的表格排序
Sep 11 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
js漂浮广告实现代码
Aug 15 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
vuex分模块后,实现获取state的值
Jul 26 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 用sock技术发送邮件的函数
2007/07/21 PHP
php生成静态页面的简单示例
2014/04/17 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
让textarea自动调整大小的js代码
2011/04/12 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
微信跳一跳游戏python脚本
2020/04/01 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python 实现自动导入缺失的库
2019/10/29 Python
python构建指数平滑预测模型示例
2019/11/21 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
2014年文学毕业生自我鉴定
2014/04/23 职场文书
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
故意伤害辩护词
2015/05/21 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
小程序实现文字循环滚动动画
2021/06/14 Javascript