IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 好用炫酷的VScode插件及相关配置 -> 正文阅读

[JavaScript知识库]好用炫酷的VScode插件及相关配置

Auto Rename Tag

?

标签修改,前面改,后面也跟着修改,极其方便

background-cover

?超级好用的背景图设置插件,亲测有效,改完背景,你就是最炫酷的仔。

Bracket Pair Colorizer

还在为括号太多而发愁吗,还在为找不到哪个括号是一对而烦恼吗,有了它,这个神器,你就不用再为这个问题而烦恼了,它会把每个括号都改为不同的颜色。

?改为中文,懂得都懂

网页识别不了less文件?不同担心,只要有了这个插件,只需轻轻一键保存,就能直接自动生成网页可以识别的css文件。

你是不是那种代码不规范的,是不是看了难受还懒得改,有了它,你就省事了,直接保存,所有应该有的规范直接一键生成,妈妈再也不用担心我的代码不规范了

是不是打代码时候经常,想不起来代码怎么写,这个插件就是用来增加es6的提示的

?

?

装逼神器,谁用谁知道,贼炫酷。

下面附上我的个人配置

{
    "editor.mouseWheelZoom": true,
    "workbench.iconTheme": "vscode-icons",
    // 配置文件关联,以便启用对应的智能提示,比如wxss使用css
    "files.associations": {
        "*.vue": "vue",
        "*.wxss": "css"
    },
    // git显示推送提示
    "git.showPushSuccessNotification": true,
    // 编辑器默认缩进
    "editor.tabSize": 2,
    // 配置emmet是否启用tab展开缩写
    "emmet.triggerExpansionOnTab": true,
    // 配置emmet对文件类型的支持,比如vue后缀文件按照html文件来进行emmet扩写
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html",
        "javascript": "javascriptreact",
        // xml类型文件默认都是单引号,开启对非单引号的emmet识别
        "xml": {
            "attr_quotes": "single"
        }
    },
   // 在react的jsx中添加对emmet的支持
  "emmet.includeLanguages": {
    "jsx-sublime-babel-tags": "javascriptreact"
  },
  // 默认开启eslint
  "eslint.enable": true,
  // 文件保存时,是否自动根据eslint进行格式化
  "eslint.autoFixOnSave": true,
  // eslint vue支持,并且支持自动格式化
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
    // prettier进行格式化时是否安装eslint配置去执行,建议false
    "prettier.eslintIntegration": true,
    // 如果为true,将使用单引号而不是双引号
    "prettier.singleQuote": true,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "explorer.confirmDragAndDrop": false,
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "git.path": "D:/cmder/vendor/git-for-windows/bin/git.exe",
    "git.confirmSync": false,
    "git.enableSmartCommit": true,
    "powermode.enabled": true,
    "powermode.enableShake": false, //这个代表桌面是否震动
    "powermode.presets": "particles",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.startupEditor": "newUntitledFile", //这个是样式  particles 小点点  flames 火花效果
    //background 的相关配置
 
    "background.styles": [ //根据插入的图片进行分别设置
        {
            "content": "''",
            "pointer-events": "none",
            "position": "absolute",
            "width": "100%",
            "height": "100%",
            "z-index": "99999",
            "background.repeat": "no-repeat",
            "background-size": "cover",
            "background-position": "cover",
            "opacity": 0.1
        }
    ],
    "background.useFront": true,
    "background.useDefault": false,
    "window.zoomLevel": 1,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "editor.fontLigatures": null,
    "backgroundCover.randomImageFolder": "e:\\壁纸",
    "backgroundCover.imagePath": "e:\\壁纸\\181757-1568024277ee02.jpg",
    "backgroundCover.opacity": 0.8,
    "backgroundCover.autoStatus": true,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "security.workspace.trust.untrustedFiles": "open",
    "java.debug.settings.stepping.skipClasses": [
    
    ],
    
   
}

?

?

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-16 11:11:21  更:2021-07-16 11:13:59 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年4日历 -2025/4/22 8:06:40-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码