【前端】vscode前端插件笔记

前段vscode好用插件笔记

不需要安装已经自带

  • HTML Snippets
  • Path Intellisense
  • Auto Rename Tag
  • Bracket Pair Colorizer

核心好用

  • 中文包关键步骤:control+shift+然后display language切换即可
  • open in browser
  • Live Server 实时效果显示
  • JS-CSS-HTML Formatter保存后格式自动缩进调整格式
  • CSS Peek 定义跳转

JS插件

JavaScript (ES6) code snippets

前端框架类

  • Vetur
  • ES7 React/Redux/
  • Angular Snippets (Version 12)
  • Angular Language Service
  • angular2-switcher

其他

  • Prettier - Code formatter 格式自动调整(上面已经重复)
  • indent-rainbow 缩进背景色
  • code-translate 学英语
  • Code Spell Checker 拼写检查
  • Dracula Official 吸血鬼主题
  • vscode-icons 图标更好看
  • Tabnine 代码补全插件
相关推荐
敲代码的嘎仔7 分钟前
力扣高频SQL基础50题详解
开发语言·数据库·笔记·sql·算法·leetcode·后端开发
星恒随风32 分钟前
四天学完前端基础三件套(JavaScript篇)
开发语言·前端·javascript·笔记
guslegend41 分钟前
第9节:前端工程与一键启动
前端·大模型·状态模式·ai编程
羊群智妍43 分钟前
2026 免费GEO监测:AI搜索优化实用工具推荐
笔记
蚂蚁不吃土&1 小时前
Visual Studio 修改编码格式
vscode
南囝coding1 小时前
Anthropic 内部数百个 Claude Code Skills,他们总结的这套方法值得看
前端·后端
日月新著1 小时前
在VSCode中通过Copilot链接Figma直接生成完整产品
vscode·copilot·figma
量子炒饭大师1 小时前
【2026全新 Claude Code + VScode + CCswitch + 接入deepseek-v4-pro 套餐】从环境配置到实战演练:Claude Code彻底开箱指南!
ide·vscode·编辑器·deepseek·claude code·cc-switch
3Tony1 小时前
解决VScode报错:preLaunchTask“C/C++: gcc.exe 生成活动文件“已终止,退出代码为 -1.
c++·ide·vscode
散一世繁华,颠半世琉璃1 小时前
30分钟搭建专业排版环境!VSCode+TeX Live 2025 保姆级教程
vscode