0%

Visual Studio Code插件推荐

Visual Studio Code插件推荐

by草梅友仁

参考链接

前言

Visual Studio Code是一个非常适合用来写前端的编辑器,虽然本体功能简单,但是有着丰富而强大的插件支持,这使得Visual Studio Code可以深度自定义,实现你的需求。

插件推荐

那么,下面我就根据自己的使用体验来推荐一些插件。

  • Auto Close Tag 自动补全HTML / XML标签
  • Auto rename tag 自动重命名配对的HTML / XML标签
  • Auto Complete Tag 前两个插件的整合包
  • Auto Import 自动导入依赖包
  • change-case 修改代码命名风格
  • Chinese (Simplified) Language Pack for Visual Studio Code 中文简体汉化插件,习惯英语界面的也可以不装,英语苦手当然是必备的
  • Color Highlight 会将颜色代码转换为对应的颜色显示出来,这段代码什么颜色一目了然
  • Document This 给代码添加注释
  • DotENV .env 文件支持和格式化
  • **EditorConfig for VS Code ** 使 vscode 支持 .editorconfig 配置
  • ESLint 代码检查工具,用于代码风格的检查。团队合作必备
  • file-peek 可以方便的补全文件路径
  • Git Graph 可视化 git 分支和提交记录
  • HTML Snippets HTML代码片段
  • IntelliSense for CSS class names in HTML 在html文件中提示css名称
  • JavaScript (ES6) code snippets es6 代码块
  • JavaScript and TypeScript Nightly 启用最新的 Typescript 语法
  • Markdown All in One 编写md文件
  • Markdown Preview Enhanced 可以把vscode当初md编辑器来使用,附带预览功能
  • open-in-browser 给vscode加一个右键在默认浏览器打开的快捷键
  • One Dark Pro 暗色主题。安装了 One Dark Pro 插件后,可以一键将 VSCode 编辑器的颜色调整成暗色系,编码起来更加舒适。
  • stylelint css、scss、less 格式化
  • Vetur 前端神器,涵盖语法提示到格式化所有功能。也是vue框架推荐的插件。
  • Volar 对 Vue3 + Typescript 进行了专门的优化,注意和 Vetur 功能冲突,装其中一个就好了。如果使用 Typescript 开发,则该插件能提供更多的 Typescript 信息,所以更推荐安装该插件。如果使用 JavaScript 开发,那么效果差不多,都可以
  • vscode-icons 可以让vscode中的文件管理的树目录显示图标,显示图标后会使得文件、文件夹更加明确功能

以上插件在Visual Studio Code直接搜索即可~

娱乐向插件推荐

以下插件偏向娱乐性,请在开发中慎用~

  • 小霸王 小霸王是一款基于vscode的nes游戏插件,能让你在紧张的开发之余在vscode里发松身心。通过劳逸结合,提升开发效率。
    • 请务必在闲暇时间使用本插件,若是上班摸鱼被发现,后果自负
  • cloudmusic 网易云音乐插件。在 vscode 中听音乐,实现了播放器的大部分功能。
    • 本插件也请务必在闲暇时间使用~
    • 注意,如果无法使用本插件例如插件初始化失败,请安装 Visual C++ 2017 后重试。

本文作者:草梅友仁
本文地址: https://blog.cmyr.ltd/archives/44a0df8f.html
版权声明:转载请注明出处!

坚持原创技术分享,您的支持将鼓励我继续创作!