PHP前端开发

推荐一些VSCode中实用前端插件(总结)

百变鹏仔 3周前 (11-27) #echarts
文章标签 插件

本篇文章给大家总结推荐一些vscode/" target="_blank">vscode中实用前端插件,希望对大家有所帮助!

推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来 mo鱼,岂不美哉。【推荐学习:《vscode教程》】

开发综合推荐

别名路径跳转

插件名: 别名路径跳转使用说明: 别名路径跳转插件,支持任何项目,使用场景: 当你在开发页面时, 想点击别名路径导入的组件时(演示如下)

配置说明

// 文件名别名跳转  "alias-skip.mappings": {    "~@/": "/src",    "views": "/src/views",    "assets": "/src/assets",    "network": "/src/network",    "common": "/src/common"  },

效果展示

立即学习“前端免费学习笔记(深入)”;

路径别名智能提示

安装效果和功能

indent-rainbow

Bracket Pair Colorizer 2

Auto Rename Tag

Code Spell Checker

Code Runner

Debugger for Chrome

Live ServerPP

Svg Preview

Tabnine

Template String Converter

vscode-pigments

Parameter Hints

Quokka.js

Highlight Matching Tag

大众类插件

插件

  • ESLint
  • Prettier - Code formatter
  • Project Manager
  • Path Intellisense
  • Image preview
  • GitLens
  • open in browser
  • Vue 开发推荐

    vue-component

    Vetur

    Vue 3 Snippets

    React 开发推荐

    React Style Helper

    ES7 Reactsnippets

    vscode-styled-components

    主题类

    Dracula Official

    One Dark Pro

    vscode-icons

    其他推荐

    CSS Initial Value

    画板作图

    Echars 智能提示插件

    翻译插件

  • 功能:翻译识别代码中注释部分,不干扰阅读。支持不同语言,单行、多行注释、

  • 总结(附全部插件图片)

    更多编程相关知识,请访问:编程视频!!