vscode 插件推荐

html

  1. HTML Snippets
  • 包含全部的h5标签
  • 高亮信息
  • 补全代码片段
  • 快速创建标签
  1. Auto Rename Tag
    自动重命名HTML/XML标签
  2. HTML Boilerplate
    快速生成H5模板
  3. HTML CSS Support
    让 html 标签上写class 智能提示当前项目所支持的样式
    新版已经支持scss文件检索
    需要在设置中添加以下代码
"editor.parameterHints": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
}
  1. IntelliSense for CSS class names in HTML
    根据项目中元素类名进行智能提示 (与HTML CSS Support功能重复)

css

  1. Autoprefixer
    自动解析css并添加浏览器前缀
    支持的语言包括css、less、scss
  2. CSS Peek
    能够根据id或class快速定位元素样式
  3. language-stylus
    stylus语法支持
  4. stylus
    stylus语法支持

js

  1. jQuery Code Snippets
    jq语法智能提示

Vue

  1. Vetur
  • vue语法高亮
  • 语法补全
  • Emmet
  • 错误检查
  • 格式化
  • 调试
  1. Vue 2 Snippets
    基于最新的 Vue 2 的 API 添加了Code Snippets

Bootstrap

  1. Bootstrap 3 Snippets
    Bootstrap代码补全

其他

  1. Auto Import
    自动查找导入代码
  2. Beautify
    格式化代码
    支持语言:javascript, JSON, CSS, Sass, HTML
  3. Chinese (Simplified) Language Pack for Visual Studio Code
    vscode汉化插件
  4. Color Info
    提供css中颜色的信息
  5. Debugger for Chrome
    在Chrome中调试js代码
  6. filesize
    在状态栏显示文件信息
  7. indent-rainbow
    彩色缩进 拯救双眼
  8. open in browser
    直接从vscode打开网页
  9. Path Autocomplete
    自动提示文件路径
  10. Prettier - Code formatter
    代码格式化
  11. vscode-icons
    为文件前添加小图标
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.Mithril Emmet(代码快速编写工具) Emmet前身是zen-coding A.快速编写HTML代码...
    Keiko_Yen阅读 8,203评论 0 4
  • Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器...
    茶艺瑶阅读 12,916评论 2 40
  • 1、Open-In-Browser 2、CSS Peek   使用此插件,你可以追踪至样式表中 CSS 类和 id...
    橘子和苹果阅读 564评论 0 0
  • 常用插件 Auto Close Tag 自动添加HTML / XML关闭标签(必备) Auto Rename Ta...
    Moorez阅读 7,508评论 0 42
  • 爱了这么久,我累了,每天看的你要我给你介绍对象,爱不同的人,我没有别的女的呢潇洒,分了就不爱了,初中,我用了我全部...
    Waiting775阅读 176评论 0 0