visio code前端常用的插件

Prettier -Code formatter

  • 对javascript/TyprScript/css等代码进行对齐

open In Browser

  • 预览页面(alt+b)

vscode-icons

  • 侧栏的图标,对于一个有视觉强迫症的人是必须要的

HTML Snippets

  • 支持HTML5的标签提示

HTML CSS support

  • css自动补齐

JS-CSS-HTML Formatter

  • 格式化

jQuery Code Snippets

  • jquery 自动提示

Path Autocomplete

  • 路径自动补齐

Npm Intellisense

  • npm包代码提示

ESLint

  • 检测JS必备

Debugger for Chrome

  • 方便调试

Auto Rename Tag

  • 自动同步修改标签

Bootstrap 3 Snippets

  • bootstrap必备

Vue 2 Snippets

  • vue必备

background

  • 一个萌萌的插件,可以自己设置vsc的背景图

CSS Auto Prefix

  • 自动不全Css3代码,需要手动启用ctrl+shift+p打开命令面板,输入“Auto Prefix”点击启用;

原文地址:https://www.cnblogs.com/klkitty/p/8528247.html

时间: 2024-11-10 07:18:20

visio code前端常用的插件的相关文章

Visual Studio code 前端常用插件集集合

HTML Boilerplate Auto Close Tag         标签提示 HTML CSS Support   标签和样式编辑 View In Browser       从浏览器打开 open in browser 从浏览器打开按照默认浏览器 vscode-vue      主要是vue HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 Debugger for

前端常用js插件

目前知道的插件有以下 下面有一部分我还是使用过的,但还有一部分是搜集资料了解到的 后边还会持续更新 后边我也会将这些插件的整合和全部的插件的例子放在个人github上面 欢迎star fontAwesome 字体 已经介绍 SweetAlert 已经介绍 toastr通知 已经介绍 jquerylazyload 懒加载 已经介绍 bootstrap-switch 开关插件 已经介绍 intro.js 用户引导 已经简单介绍 jqcloud 云词 已经介绍 validate 表单验证 layPag

记录前端常用的插件

1,弹窗:bootstrap3-dialog.js    多选下拉框:bootstrap-multiselect.js 2,复制插件:zeroclipboard.js     jquery.zclip.js 3,相册预预功能:layer.photos   lightbox.js 4,文件上传插件:webuploader.js    paste-upload-image.js 5,字体图标:Font Awesome  iconfont 6,表格插件:datatables 7,日历插件:My97Da

VS Code 的常用快捷键及插件(前端)

一.vs code 的常用快捷键 1.注释: a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) c) 多行注释:[alt+shift+A] d) 多行注释:/** 2.移动行:alt+up/down 3.显示/隐藏左侧目录栏  ctrl + b 4.复制当前行:shift + alt +up/down 5.删除当前行:shift + ctrl + k 6.控制台终端显示与隐藏:ctrl +

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim

web前端常用的一些插件

1.jquery 全屏滚动插件 fullPage.js http://www.dowebok.com/demo/2014/77/ 2.页面常用轮播插件   2.http://www.superslide2.com/demo.html  3.常用弹框插件 web前端常用的一些插件

前端常用插件、工具类库汇总(下)

前言 对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到类似的场景就来看看具体的插件及其用法. 上一篇<前端常用插件.工具类库汇总(上)>内容摘要: " 动画库 滚动库 轮播图 滚屏 弹出框 消息通知 下拉框 级联选择器 颜色选择器 时间日期处理 表单验证 分页插件 " >>前端常用插件.工具类库汇总(上) 本篇延续上一篇的内容继续给大家带来一系列关于前端插件.工具类的内容. 富文本编辑器 wangEditor http://www.wanged

VS Code 的常用快捷键和插件

一.vs code 的常用快捷键 1.注释: a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) c) 多行注释:[alt+shift+A] d) 多行注释:/** 2.移动行:alt+up/down 3.显示/隐藏左侧目录栏  ctrl + b 4.复制当前行:shift + alt +up/down 5.删除当前行:shift + ctrl + k 6.控制台终端显示与隐藏:ctrl +

sublime Text3 前端常用插件

sublime Text3 前端常用插件 - File Switching (文件切换) --- Sublime Text提供了一个非常快速的方式来打开新的文件.只要按下Ctrl+ P并开始输入你想要打开的文件的名称.一旦找到文件,只需按enter键,就可以开始直接输入到该文件了! - Goto Symbols (跳转标记) --- 当你编辑一个大文件时,文件中有一堆方法,按`Ctrl + R将其全部列出来,使他们更容易找到.开始尝试的输入你想要的,然后按Enter 就可以快速跳转这个方法了.