VSCode的必装插件(2024版)
插件 | 作用 |
---|---|
Chinese (Simplified) Language Pack for Visual Studio Code | 中文语言包 |
Atom One Light Theme | 很漂亮的Light主题 |
Auto Rename Tag | 自动完成另一侧标签的同步修改(很实用) |
Code Spell Checker | 检查代码中的拼写单词错误,并提供修正建议 |
CSS Peek | css样式查看器(Ctrl+鼠标左键) |
Easy LESS | 用来把less文件编译为css文件 |
Error Lens | 将错误直接显示在代码行上(方便修改报错) |
Image preview | 在代码编辑时快速预览图像文件 |
IntelliCode | 提供更加智能的代码建议 |
IntelliSense for CSS class names in HTML | 编辑器会显示与你已输入的类名相关的智能提示 |
JavaScript (ES6) code snippets | ES6语法智能提示以及快速输入 |
Live Server | 鼠标右键以内嵌服务器方式打开网页 |
Markdown All in One | 提供基本的Markdown编辑功能 |
Markdown Preview Enhanced | 在上面的基础上提供更加强大的预览功能(推荐) |
open in browser | 鼠标右键选择浏览器打开html文件 |
Path Intellisense | 快速引入文件 |
px to rem & rpx & vw (cssrem) | 编辑器中自动将px转化成rem,rpx,vw |
VS Color Picker | 在编写代码时轻松选择和管理颜色值 |
Vetur | 语法高亮、 智能感知、 Emmet 等包含格式化功能, Alt+Shift+F ( 格式化全文快捷键) |
Vue 3 Snippets | 快速编写 Vue.js 3.x 代码 |
vue-helper | 快速跳转到方法、组件、样式等(快捷键Ctrl+鼠标左键) |
Vue2 Snippets plus | 快速编写 Vue.js 2.x 的代码 |
Vuter | 用于快速搭建 Vue.js 项目的脚手架工具 |