前端开发过程中使用的一些vscode插件

    在vscode之前,我一直用的都是webstorm,不得不说,webstorm还是非常强大的,功能也很齐全,但是作为一个打工人,没钱买正版,一直使用的都是破解版。后来听说vscode很强大,而且开源,所以我也还是换上了vscode。但是vscode是需要自己安装一些插件的才能更好地开发,所以我也记录一下我使用的一些插件,方便自己以后查询使用。

Auto Close Tag:自动添加关闭标签 Auto Close Tag - Visual Studio Marketplace

Auto Rename Tag:自动重命名标签,重命名前面的标签,关闭标签一起重命名了 Auto Rename Tag - Visual Studio Marketplace

Beautify:美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。 Beautify - Visual Studio Marketplace

Bracket Pair Colorizer:支架对着色器,主要是对齐前后的(),{},[]等符号,会有不同的颜色区分 Bracket Pair Colorizer - Visual Studio Marketplace

Chinese (Simplified) Language Pack for Visual Studio Code:适用于 VS Code 的中文(简体)语言包 Chinese (Simplified) Language Pack for Visual Studio Code - Visual Studio Marketplace

Debugger for Chrome:通过VS Code调试在Google Chrome中运行的JavaScript代码(这个我暂时没有使用过) Debugger for Chrome - Visual Studio Marketplace

ESLint:eslint代码检查(其实这个也不需要,vue的话可以在项目里自己定义eslint规则) ESLint - Visual Studio Marketplace

HTML CSS Support:这个自不用多说,适用于HTML的Visual Studio Code CSS Intellisense,使得vscode支持我们的html和css开发 HTML CSS Support - Visual Studio Marketplace

IntelliSense for CSS class names in HTML:用于在html中查找css,比如输入一个class类名可以有提示 IntelliSense for CSS class names in HTML - Visual Studio Marketplace

JavaScript (ES6) code snippets:VS代码JavaScript(ES6)代码段,主要是方便,比如输入imp→导入整个模块 import fs from 'fs'等等 JavaScript (ES6) code snippets - Visual Studio Marketplace

Path Intellisense:自动完成文件名的Visual Studio Code插件,用于提示文件路径 Path Intellisense - Visual Studio Marketplace

Vetur:vue支持,开发vue必须要装的 Vetur - Visual Studio Marketplace

Vue CSS Peek:为单页面的 vue 文件提供 css 转定义的支持,command+点击找到css定义在哪,但是我还是会用commond+F查找比较多一点,不支持scss,less Vue CSS Peek - Visual Studio Marketplace

Vue Peek:该扩展使用扩展功能扩展了Vue代码编辑,Go To Definition并Peek Definition支持单文件组件中的组件和文件.vue名。它允许快速跳转或浏览作为组件(从模板)或模块导入(从脚本)引用的文件。 Vue Peek - Visual Studio Marketplace

vue-helper:该插件主要增强了Element-UI,VUX,IVIEW的编写Vue和扩展的能力,这些功能在写的过程中会有提示,还是挺方便的 vue-helper - Visual Studio Marketplace

IntelliJ IDEA Keybindings:用于Visual Studio Code的一些快捷键和IntelliJ IDEA键绑定(刚开始的时候不习惯vscode,还是用的webstorm的一些快捷键习惯,后来还是觉得既然用了vscode就应该熟悉一下vscode的快捷键,所以这个我暂时禁用了) IntelliJ IDEA Keybindings - Visual Studio Marketplac

GitLens — Git supercharged:它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。


{

    "editor.fontSize": 16,

    "editor.detectIndentation": false,

    "git.ignoreMissingGitWarning": true,

    "files.autoGuessEncoding": true,

    "editor.formatOnSave": false,

    "editor.formatOnPaste": false,

    "editor.formatOnType": false,

    // "terminal.integrated.shell.windows": "D:\\Git\\bin\\bash.exe",

    // "terminal.external.windowsExec": "D:\\Git\\bin\\bash.exe",

    "terminal.integrated.profiles.windows": {

      "Git-bash": {

        "path": "D:\\Git\\bin\\bash.exe",

        "args": []

      }

    },

    "terminal.integrated.defaultProfile.windows": "Git-bash",

    "editor.tabSize": 2,

    // "files.autoSave": "afterDelay",

    "editor.snippetSuggestions": "top",

    "[html]": {

      "editor.defaultFormatter": "HookyQR.beautify"

    },

}

你可能感兴趣的:(前端开发过程中使用的一些vscode插件)