前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片

前端开发|广州蓝景分享—VSCode 前端开发必备插件推荐

文章图片


Hello~~各位小伙伴好 , 今天广州蓝景整理一波前端开发必备插件 , 绝对可以提高你的生产力 , 希望这篇文章对大家有所帮助 。
开发综合推荐
别名路径跳转
插件名:别名路径跳转
使用说明: 别名路径跳转插件 , 支持任何项目 ,
使用场景: 当你在开发页面时 想点击别名路径导入的组件时(演示如下)
配置说明
下载后只需自定义配置一些自己常用的别名路径即可// 文件名别名跳转
\"alias-skip.mappings\": {
\"~@/\": \"/src\"
\"views\": \"/src/views\"
\"assets\": \"/src/assets\"
\"network\": \"/src/network\"
\"common\": \"/src/common\"

  • 右击插件--》扩展设置--》路径映射在settinas.json中编辑
效果展示

路径别名智能提示
  • 插件名:path-alias
  • 场景: 在导入组件的时候 , 使用别名路径没用提示时 (可和别名路径跳转同时使用 无冲突)
安装效果和功能


indent-rainbow
  • 插件名: indent-rainbow
  • 功能:彩虹缩进

Bracket Pair Colorizer 2
  • 插件名: Bracket Pair Colorizer 2
  • 功能:给匹配的括号() 或者 对象{.. 添加对应的颜色用于区分

Auto Rename Tag
  • 插件名: Auto Rename Tag
  • 功能:自动重命名标签

Code Spell Checker
  • 插件名:Code Spell Checker
  • 功能:检查单词拼写是否错误(支持英语)

Code Runner
  • 插件名:Code Runner
  • 功能:一键执行各种语言代码(常用于测试)

Debugger for Chrome
  • 插件名:Debugger for Chrome
  • 功能:在VSCode端 , 调试代码

Live ServerPP