插件
  • Auto Close Tag   自动关闭标签
  • Auto Rename Tag 自动修改标签
  • Bracket Pair Colorizer  多层括号不同颜色显示
  • EditorConfig for VSCode  统一编辑器配置
  • ESlint   js代码检查
  • htmlhint  html代码检查
  • File Icons   导航栏文件图标
  • OneDark-Pro 主题
  • Path Intellisense 路径提示/路径补全
  • Prettier 代码格式化
  • Sublime Text Keymap sublime快捷键
  • Vetur vue的插件
编辑器配置
  1. {
  2. /*编辑器默认配置  */
  3. "editor.minimap.enabled": true,
  4. "editor.lineHeight": 20,
  5. "editor.fontSize": 14,
  6. "editor.wordWrap": "on",
  7. "editor.fontFamily": "Fira Code",
  8. "editor.fontLigatures": true,
  9. "editor.minimap.renderCharacters": false,
  10. /* vue文件支持emmnt */
  11. "emmet.syntaxProfiles": {
  12. "vue-html": "html",
  13. "vue": "html"
  14. },
  15. /* 配置文件关联 */
  16. "files.associations": {
  17. "*.vue": "vue"
  18. },
  19. /* 失去焦点自动保存 */
  20. "files.autoSave": "onFocusChange",
  21. "[vue]": {},
  22. /* 使用cmder */
  23. "terminal.external.windowsExec": "D://SystemDrivers//cmder",
  24. "workbench.iconTheme": "file-icons",
  25. /* sublime 配置项 */
  26. "sublimeTextKeymap.promptV3Features": true,
  27. /* 多光标编辑冲突修复 */
  28. "editor.multiCursorModifier": "ctrlCmd",
  29. "editor.snippetSuggestions": "top",
  30. "editor.formatOnPaste": true,
  31. "python.formatting.provider": "yapf",
  32. /* 使用one Dark*/
  33. "workbench.colorTheme": "One Dark Pro",
  34. /* one Dark侧栏配置 */
  35. "workbench.colorCustomizations": {
  36. "tab.activeBackground": "#282c34",
  37. "activityBar.background": "#282c34",
  38. "editorGroup.background": "#282c34",
  39. "sideBar.background": "#282c34"
  40. },
  41. // "vetur.format.defaultFormatter.js": "vscode-typescript",
  42. "javascript.format.enable": false,
  43. "editor.tabSize": 2,
  44. /* 每次保存的时候自动格式化 */
  45. "editor.formatOnSave": true,
  46. /* 每次保存的时候将代码按eslint格式进行修复 */
  47. "eslint.autoFixOnSave": false,
  48. /* 双引号变单引号 */
  49. "prettier.singleQuote": true,
  50. /* js语句结尾删除分号 */
  51. "prettier.semi": false,
  52. /* 让prettier使用eslint的代码格式进行校验 */
  53. "prettier.eslintIntegration": true,
  54. /* 让函数(名)和后面的括号之间加个空格 */
  55. "eslint.validate": [
  56. "javascript",
  57. "javascriptreact",
  58. {
  59. "language": "vue",
  60. "autoFix": true
  61. }
  62. ],
  63. "window.zoomLevel": 0
  64. }
  1. 最新版本
  2. {
  3. "sublimeTextKeymap.promptV3Features": true,
  4. "editor.multiCursorModifier": "ctrlCmd",
  5. "editor.snippetSuggestions": "top",
  6. "editor.formatOnPaste": true,
  7. "editor.wordWrap": "on",
  8. "git.autofetch": true,
  9. "editor.cursorStyle": "block",
  10. "editor.lineHeight": 24,
  11. "editor.minimap.enabled": false,
  12. "editor.renderIndentGuides": ;
  13. "editor.rulers": [
  14. 120
  15. ],
  16. "editor.quickSuggestions": {
  17. "other": true,
  18. "comments": true,
  19. "strings": true
  20. },
  21. /*稀有字体*/
  22. "editor.fontFamily": "Fira Code",
  23. " editor.fontLigatures": true,
  24. /* 使用one Dark*/
  25. "workbench.colorTheme": "One Dark Pro",
  26. /* one Dark侧栏配置 */
  27. // "workbench.colorCustomizations": {
  28. //     "tab.activeBackground": "#282c34",
  29. //     "activityBar.background": "#282c34",
  30. //     "editorGroup.background": "#282c34",
  31. //     "sideBar.background": "#282c34"
  32. // },
  33. /* 失去焦点自动保存 */
  34. "files.autoSave": "onFocusChange",
  35. /* 每次保存的时候自动格式化 */
  36. "editor.formatOnSave": true,
  37. /* 双引号变单引号 */
  38. "prettier.singleQuote": true,
  39. /* js语句结尾删除分号 */
  40. "prettier.semi": false,
  41. "vetur.format.defaultFormatter.html": "prettier",
  42. /* 让prettier使用eslint的代码格式进行校验 */
  43. // "prettier.eslintIntegration": true,
  44. }
 

vscode编辑器的更多相关文章

  1. 解决Vscode编辑器不能打开多标签页问题

    问题描述:编辑代码时,初用vscode,不能打开多个文件:每打开一个文件,都会替换前面一个文件标签,很不方便切换编码: 想要的效果: 解决方式: 方法一: 找到setting.json文件,最外层花括 ...

  2. 开发工具之Vscode编辑器

    Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux.内置JavaScript.TypeScript和Node.js支持, ...

  3. vscode 编辑器常用快捷键

    最近,打算换个编辑器,而 vscode 是一个不错的选择.大部分快捷键和 sublime 还是很像的,但有些也不一样.特此整理一份小笔记. 参考: vscode: Visual Studio Code ...

  4. VSCode编辑器编写Python代码

    如何用VSCode愉快的写Python https://code.visualstudio.com/   在学习Python的过程中,一直没有找到比较趁手的第三方编辑器,用的最多的还是Python自带 ...

  5. wepy - 使用vsCode编辑器安装插件

    完成后,高亮以及智能补全代码. 1. 首先ctrl+shift+p打开扩展,安装以下三个插件 2. 复制以下文件内容到你的vsCode配置 files.associations { "fil ...

  6. vscode编辑器自定义配置

    { //删除文件确认 "explorer.confirmDelete": false, // 主题 "workbench.iconTheme": "v ...

  7. vscode编辑器中文乱码问题

    设置配置自动格式化: "[javascriptreact]": { "editor.defaultFormatter": "esbenp.pretti ...

  8. golang安装及vscode编辑器配置

    安装Go语言及搭建Go语言开发环境 下载 下载地址:https://studygolang.com/dl 系统选择: 根据不同系统下载安装包: 安装 Windows MAC安装 点开可执行程序 下一步 ...

  9. Win7环境下搭建Go开发环境,基于VSCode编辑器

    一.在搭建的时候参考以下文章 http://www.cnblogs.com/zsy/archive/2016/02/28/5223957.html http://blog.csdn.net/hil20 ...

随机推荐

  1. the specified service is marked as deletion,can not find the file specified

    使用命令注册windows service sc create CCGSQueueService binpath= "D:\DKX4003\services\xxx.xx.xx\xxx.ex ...

  2. C# HttpWebRequest向远程地址Post文件

    HttpWebRequest向远程地址Post文件 /// <summary> /// 上传文件到远程服务器 /// </summary> /// <param name ...

  3. hype-v上centos7部署高可用kubernetes集群实践

    概述 在上一篇中已经实践了 非高可用的bubernetes集群的实践 普通的k8s集群当work node 故障时是高可用的,但是master node故障时将会发生灾难,因为k8s api serv ...

  4. js二维数组转一维数组

    方法一 利用es5的arr.reduce(callback[, initialValue])实现 var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = arr ...

  5. app欢迎页问题

    今天替换app中的图片,打包成apk后,欢迎页的图片怎么替换都还是旧的,尝试多次以后,确定以及肯定是替换成功了的,而且替换的也都对,只好清理了一下项目,重新build,最后再打包,结果成功了!真是坑! ...

  6. (备忘)Nginx中文手册(技术指南第二版)

    Nginx 常见应用技术指南[Nginx Tips] 第二版 目 录 一. Nginx 基础知识二. Nginx 安装及调试三. Nginx Rewrite四. Nginx Redirect五. Ng ...

  7. Python中文转为拼音

    # -*- coding: utf-8 -*-import sys def openTable(): f = open('gb-pinyin.table', 'r') table = f.read() ...

  8. STM32输出比较模式

    搜索好久,各种文章良莠不齐,转载以下几篇 http://www.eeworld.com.cn/mcu/article_2016101130334.html(输出比较冻结模式) http://www.e ...

  9. python常用模块:标准文件及模块练习

    1.请写出规范目录 并解释各文件夹的作用 bin 执行文件core 核心业务逻辑conf 配置文件lib 库.公共代码.第三方模块db 数据分析log 日志文件readme 文本文档 2.改造atm+ ...

  10. python函数:装饰器、修正、语法糖、有参装饰器、global与nonlocal

    一.装饰器 二.装饰器修正1 三.装饰器修正2 四.装饰器的语法糖 五.有参.无参装饰器 六.global与nonlocal 一.装饰器 ''' 1 什么是装饰器 器=>工具 装饰=>指的 ...