VSCode 插件 Atom one Dark Theme Atom Dark主题 Auto Close Tag 自动关闭标签 Auto Rename Tag 自动重命名标签 Beautify 格式化代码 Bracket Pair Colorizer 2 代码块折线提示 Chinese (simplified)Language Pack for Visual Studio Code 中文简体 Color Info 颜色板 CSS Peek 查看CSS样式 Element UI  Snippets…

通用组件 1.汉化插件 https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans 2.路径自动补全 https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete 前端开发 1.格式化代码 https://marketplace.visualstudio.com/items?ite…

VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name":…

HTML Snippets: 超级实用且初级的 H5代码片段以及提示 HTMLHint: html代码检测 HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支持的样式.新版已经支持scss文件检索,这个也是必备插件之一 Auto Close Tag : 匹配标签,关闭对应的标签.很实用[HTML/XML] Auto Rename Tag : 修改 html 标签,自动帮你完成尾部闭合标签的同步修改 Path Autocomplete : 路径智能补全 P…

前言 说起来我会用VSCode,有很大一方面是因为工作需求[以前主力工具是Atom],刚好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我,裸奔的VSCODE是不可以接受的.so-. eg: vsc对于主流的语言智能提示都很赞,尤其对ng+ts支持相当完善 插件推荐 功能 Auto Import: 对于一堆组件的我们来说,这货简直贴心,支持JSX和typescript,还有一些细致化的配置参数 exports autocomplete: 和上个功能类似但是不等同,相当实用 TypeLens:…

前言 这篇文章只要让你做一些基础的配置,把vscode变得更加顺手: 插件的需求不是一成不变,有些插件我已经移除了..在最新的VSCODE 1.9.1中, 部分以前用插件实现的功能已经集成了,那就没有必要存在了.这里就不做推荐了 必备插件 功能性 Auto Close Tag : 匹配标签,关闭对应的标签.很实用[HTML/XML] Auto Rename Tag : sublime和webstorm也有这个内置功能,改变标签的时候同时改动开闭合标签:[HTML/XML] beautify :…

VSCode 必装的 10 个高效开发插件  本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. 2. 10 个必装的编辑器插件 相当于视频教程的补充更新,这里再次给大家整理出 10 个必装的 VSCode 编辑器插件.编辑器的基本使用与插件的安装可以直接参考上面的视频教程. 2.1 文件图标 vscode-icons 插件名称:vscode-icon…

先ctrl+shift+p,弹出命令面板-选中Extensions:Install Extensions 或者直接点击左侧栏这个扩展按钮(Ctrl+Shift+X) 然后左侧栏就会显示出很多插件,如图,选中你要安装的插件就行了 HTML Snippets: 超级实用且初级的 H5代码片段以及提示 . HTMLHint: html代码检测 . HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支持的样式.新版已经支持scss文件检索,这个也是必备插件之一 .…

以下是我自己在工作中常用的插件,写给刚入门的前端coder.VSCode插件商店中实用的插件还是很多的,大家也可以对感兴趣的插件下载下来尝试一下的! 持续更新 插件名称 概述 作用 常用默认快捷键 Chinese (Simplified) Language Pack for Visual Studio Code 汉化中文包 VSCode汉化包,安装重启后就界面就是简体中文了 无 Live Server 本地动态服务 相当于一个本地服务器.开启本地HTTP服务,代码保存后,网页实时更新,比open…

插件离线安装说明 在一些内网开发环境中,无法做到在线安装,这个时候就需要对插件进行离线安装 了 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product,输入你想要的插件名称,比如这里我想要安装的是 Markdown Al…