• vscode 常用插件安装


    名称

    简述

    Auto Close Tag

    自动闭合HTML标签

    Auto Import

    import提示

    Auto Rename Tag

    修改HTML标签时,自动修改匹配的标签

    Airbnb react snippets

    react编码规范

    AutoFileName

    自动补全文字名

    Babel JavaScript

    babel插件,语法高亮

    Babelrc

    .babelrc文件高亮提示

    Beautify css/sass/scss/less

    css/sass/less格式化

    Better Align

    对齐赋值符号和注释

    Better Comments

    编写更加人性化的注释

    Bookmarks

    添加行书签

    Bracket Pair Colorizer

    用不同颜色高亮显示匹配的括号

    Can I Use

    HTML5CSS3SVG的浏览器兼容性检查

    Code Runner

    运行选中代码段(支持多数语言)

    Code Spell checker

    单词拼写检查

    CodeBing

    快速打开Bing并搜索,可配置搜索引擎

    Color Highlight

    颜色值在代码中高亮显示

    Color Info

    小窗口显示颜色值,rgb,hsl,cmyk,hex等等

    Color Picker

    拾色器

    CSS-in-JS

    CSS-in-JS高亮提示和转换

    Chinese (Simplified) Language Pack for Visual Studio Code

    载入中文语言包

    Dash

    集成Dash

    Debugger for Chrome

    调试Chrome

    Document This

    注释文档生成

    DotENV

    .env文件高亮

    EditorConfig for VS Code

    EditorConfig插件

    Emoji

    在代码中输入emoji

    endy

    将输入光标跳转到当前行最后面

    ESLint

    ESLint插件,高亮提示

    VS Code ES7 React/Redux/React- Native/JS snippets

    react全家桶

    File Peek

    根据路径字符串,快速定位到文件

    filesize

    状态栏显示当前文件大小

    Find-jump

    快速跳转到指定单词位置

    Font-awesome codes for html

    FontAwesome提示代码段

    ftp-sync

    同步文件到ftp

    Git Blame

    在状态栏显示当前行的Git信息

    Git History(git log)

    查看git log

    gitignore

    .gitignore文件语法

    GitLens

    显示文件最近的commit和作者,显示当前行commit信息

    Guides

    高亮缩进基准线

    Gulp Snippets

    Gulp代码段

    HTML CSS Class Completion

    CSS class提示

    HTML CSS Support

    css提示(支持vue

    HTMLHint

    HTML格式提示

    htmltagwrap

    快捷包裹html标签

    Import Beautify

    import分组、排序、格式化

    Import Cost

    行内显示导入(import/require)的包的大小

    Indenticator

    缩进高亮

    IntelliSense for css class names

    css class输入提示

    JavaScript (ES6) code snippets

    ES6语法代码段

    JavaScript Standard Style

    Standard风格

    JS Refactor

    代码重构工具,提取函数、变量重命名等等

    JSON to TS

    JSON结构转化为typescriptinterface

    JSON Tools

    格式化和压缩JSON

    jumpy

    快速跳转到指定单词位置

    language-stylus

    Stylus语法高亮和提示

    Less IntelliSense

    less变量与混合提示

    Lodash

    Lodash代码段

    Laravel goto view

    点击路径跳转

    MochaSnippets

    Mocha代码段

    markdownlint

    Markdown格式提示

     

    minapp

    微信小程序标签、属性的智能补全(同时支持原生小程序、

    mpvue wepy 框架,并提供 snippets

    Node modules resolve

    快速导航到Node模块

    npm

    运行npm命令

    npm Intellisense

    导入模块时,提示已安装模块名称

    Output Colorizer

    彩色输出信息

    Partial Diff

    Partial Diff

    Path Autocomplete

    路径完成提示

    Path Intellisense

    另一个路径完成提示

    Polacode

    将代码生成图片

    PostCss Sorting

    css排序

    Prettify JSON

    格式化JSON

    Project Manager

    快速切换项目

    Quokka.js

    不需要手动运行,行内显示变量结果

    React Native Storybooks

    storybook预览插件,支持react

    React Playground

    为编辑器提供一个react组件运行环境,方便调试

    React Standard Style code snippets

    react standar风格代码块

    REST Client

    发送REST风格的HTTP请求

    Sass

    sass插件

    Settings Sync

    VSCode设置同步到Gist

    Sort lines

    排序选中行

    Sort Typescript Imports

    typescriptimport排序

    String Manipulation

    字符串转换处理(驼峰、大写开头、下划线等等)

    stylelint

    css/sass/less代码风格

    SVG Viewer

    SVG查看器

    TS/JS postfix completion

    ts/js后缀提示

    TSLint

    TypeScript语法检查

    Types auto installer

    自动安装@types声明依赖

    TypeScript Hero

    TypeScript辅助插件,管理importoutline等等

    TypeScript Import

    TS自动import

    TypeScript Import Sorter

    import整理排序

    Typescript React code snippets

    React Typescript代码段

    TypeSearch

    TS声明文件搜索

    Version Lens

    package.json文件显示模块当前版本和最新版本

    vetur

    目前比较好的Vue语法高亮

    View Node Package

    快速打开选中模块的主页和代码仓库

    VS Live Share

    实时多人协助

    VSCode Great Icons

    文件图标拓展

    vscode-database

    操作数据库,支持mysqlpostgres

    vscode-icons

    文件图标,方便定位文件

    vscode-random

    随机字符串生成器

    vscode-spotify

    集成spotify,播放音乐

    vscode-styled-components

    styled-components高亮支持

    vscode-styled-jsx

    styled-jsx高亮支持

    Vue TypeScript Snippets

    Vue Typescript代码段

    VueHelper

    Vue2代码段(包括Vue2 apivue-router2vuex2

    View In Browser

    浏览器中查看

    Vetur-wepy

    添加对wepy框架的.wpy后缀支持

    vscode wxml

    VSCode 提供 wxml 语法支持及代码片段

     

    微信公众号:jingfeng18 免费学习领取最新的前端学习资源
  • 相关阅读:
    Vue自定义组件
    Vuex状态管理总结
    关于状态管理模式
    Vue路由实现页面跳转的两种方式(router-link和JS)
    Vue过渡效果的实现
    Vue中的DOM操作
    SASS 和 LESS 的区别
    Vue计算属性和侦听器
    zabbix 内置变量
    /proc 目录下文件详解
  • 原文地址:https://www.cnblogs.com/qianduanshiping/p/11826837.html
Copyright © 2020-2023  润新知