精华内容
下载资源
问答
  • vscode插件

    2017-12-18 23:09:54
    vscode插件vscode插件vscode插件vscode插件vscode插件
  • VScode插件

    2017-10-21 21:55:31
    VScode插件,常用插件开发 VScode插件,常用插件开发 VScode插件,常用插件开发
  • 没用过这些 VSCode 插件?怪不得写代码头疼

    万次阅读 多人点赞 2020-02-17 10:44:02
    这篇文章收集了一些常用的vscode插件,提高开发效率。

    写在前面: 我是「扬帆向海」,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的

    这博客是对自己学习的一点点总结及记录,如果您对 Java算法 感兴趣,可以关注我的动态,我们一起学习。

    用知识改变命运,让我们的家人过上更好的生活

    相关文章

    史上最全的IDEA快捷键总结,提高开发效率

    Idea 中最常用的10款插件,提高开发效率

    史上最牛逼的 Eclipse 快捷键,提高开发效率

    史上最全的 VsCode 快捷键,提高开发效率


    1. Codelf

    变量命名神器
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    2、View In Browser

    在浏览器里面预览正在编辑的html文件

    在这里插入图片描述
    在这里插入图片描述

    3、Color Highlight

    高亮显示样式颜色
    在这里插入图片描述
    在这里插入图片描述

    4、Bracket Pair Colorizer

    成对的彩色括号,让括号拥有独立的颜色,便于区分

    在这里插入图片描述

    在这里插入图片描述

    5、Highlight Matching Tag

    高亮显示对应的HTML标签以及标识出对应的各种括号
    在这里插入图片描述

    在这里插入图片描述

    6、Path Intellisense

    在编辑器中输入路径的时候,能自动补全
    在这里插入图片描述

    在这里插入图片描述

    7、Prettier - Code formatter

    格式化代码
    在这里插入图片描述

    在这里插入图片描述

    8、Auto Close Tag

    自动补全标签
    在这里插入图片描述

    9、Auto Rename Tag

    自动重命名html标签,如修改p标签为a,将自动修改结尾标签p为a
    在这里插入图片描述

    10、HTML Snippets

    智能提示HTML标签,以及标签的含义
    在这里插入图片描述

    11、HTML CSS Support

    在HTML标签上写Class的时候能够智能提示当前所支持的样式
    在这里插入图片描述

    12、indent-rainbow

    带颜色的缩进
    在这里插入图片描述
    在这里插入图片描述

    13、change-case

    转换命名风格
    在这里插入图片描述

    在这里插入图片描述


    由于水平有限,本博客难免有不足,恳请各位大佬不吝赐教!

    展开全文
  • VSCode插件

    2019-05-31 17:10:14
    VSCode插件 Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文(简体)语言包 ES7 React/Redux/GraphQL/React-Native snippets react全家桶的快捷生成代码 Auto Close Tag 自动添加...

    VSCode插件

    Chinese (Simplified) Language Pack for Visual Studio Code

    适用于 VS Code 的中文(简体)语言包

    ES7 React/Redux/GraphQL/React-Native snippets

    react全家桶的快捷生成代码

    Auto Close Tag

    自动添加标签闭合

    Auto Rename Tag

    自动修改闭合标签名

    Git History Diff

    查看修改历史等等,是查看git代码好工具

    language-stylus

    使用stylus的css时候需要

    minapp

    微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

    Path Intellisense

    路径提示工具

    Vetur

    使用vue框架开发时候必备

    Bracket Pair Colorizer

    不同层级括号显示不同颜色

    indent-rainbow

    不同缩级进显示不同颜色

    插件不是越多越好,适合自己开发习惯需要就好。。。。。

    展开全文
  • 推荐日常开发中使用vscode插件 VSCode简介 VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。 vscode...

    推荐日常开发中使用vscode的插件

    VSCode简介

    VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。

    vscode官网

    精选插件

    1 中文界面

    地址:Chinese (Simplified) Language Pack for Visual Studio Code

    在这里插入图片描述
    在这里插入图片描述

    2 从浏览器中打开

    地址:open in browser

    在这里插入图片描述
    在这里插入图片描述

    3 括号高亮

    地址:Bracket Pair Colorizer

    在这里插入图片描述
    在这里插入图片描述

    4 打开文件中文乱码

    在这里插入图片描述
    地址:GBKtoUTF8

    插件第一次使用也许会出现不管用,等待一会让vscoed反应,之后再不行就关闭重启vscode

    5 格式化代码

    在这里插入图片描述

    地址:Prettier - Code formatter

    在这里插入图片描述

    6 vue 文件中:语法错误检查;语法高亮;代码自动补全

    在这里插入图片描述
    地址:Vetur

    7 vue 文件中:骨架捷方式实现

    在这里插入图片描述
    地址:Vue VSCode Snippets

    在这里插入图片描述

    展开全文
  • 补充vscode插件

    2017-11-02 22:17:35
    vscode插件vscode插件vscode插件vscode插件vscode插件vscode插件vscode插件
  • 今天给大家带来了博主学习前端一年多以来偷懒 ,呸~ 提升效率必备的 40 个 vscode 插件。 看完觉得有帮助的记得点个赞~ HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿,打 HTML 标签那必须是快速的,...

    猿生不能只有 Ctrl + C 和 Ctrl + V,还要有 Ctrl + D。

    工欲善其事,必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ,呸~ 提升效率必备的 40 个 vscode 插件。

    看完觉得有帮助的记得点个赞~

    HTML 标签自动闭合 – Auto Close Tag

    在这里插入图片描述
    身为一个前端程序猿,打 HTML 标签那必须是快速的,vscode 本身就提供了标签自动闭合的功能。但是对于一些自定义标签 vscode 就不能识别了。

    这时安装这个插件,vscode 就可以自动识别你的自定义标签名,你只需要写标签名就好。剩下的就交给 vscode 吧~

    演示:
    在这里插入图片描述

    HTML 标签同步重命名 – Auto Rename Tag

    在这里插入图片描述
    假如打标签的时候打错标签了,这时还需要修改开始标签和结束标签,通常 HTML 代码是非常多的,非常的不银杏,虽然有 Ctrl + D 快捷键。但是经常删除和自己同名的子级标签。

    装了这个插件之后,会为当前匹配的标签产生一个黄色的下划线。当修改开始、结束标签时,另一侧的标签会自动重命名。
    在这里插入图片描述

    中文界面

    在这里插入图片描述
    这就不用说了吧。

    一键运行代码 – Code Runner

    在这里插入图片描述
    不想做全栈的程序猿不是好程序员,不少的 IDE 都集成了运行代码,这怎么能少了 vscode?
    只要你配置了 Path 环境变量,按下 Ctrl + Alt + N 就可以在控制台看结果。
    虽然 vscode 也支持 F5、Ctrl + F5 调试和运行代码,但是需要改写配置文件。太麻烦了

    检测单词拼写 – Code Spell Checker

    在这里插入图片描述
    既能敲代码又能学英语,🐂

    如果单词拼写不对或者变量、函数名等没有使用驼峰,都会给你加上下划线。
    在这里插入图片描述

    HTML 中查看 CSS 定义 – CSS Peek

    在这里插入图片描述
    vscode 并不支持 idea 中的点击 css 类名或者 ID 名跳转到 CSS 样式书写的地方,有些开发者需要使用 Ctrl + D 进行单词匹配,但是这种匹配并不够精确。

    使用 CSS Peek 在悬停 HTML 中定义的类、id 时,查看当前类名、ID 值定义的 CSS 样式。
    在这里插入图片描述
    在使用时,按住 Ctrl 并将鼠标移动到要查看的 CSS 类名上可以快速查看当前定义的样式。
    并且 Ctrl + 单击 还可以跳转到样式的位置。

    暗色主题 – Dracula Official

    在这里插入图片描述
    这款插件其实是一款黑色的主题,长时间坐在电脑前敲代码没有好看的主题怎么行?这款主题我个人觉得还是可以的。
    看图:
    在这里插入图片描述
    其实,看的时间久了,还是自带的主题最好看…… 拉跨

    高亮匹配标签 – Highlight Matching Tag

    在这里插入图片描述
    就像插件图标展示的那样,这个插件会将匹配的 HTML 标签以红色背景显示,再也不用担心找不到结束标签了。

    效果图:
    在这里插入图片描述

    CSS 类名感知 – HTML CSS Support

    在这里插入图片描述
    这货和下边那货不用说了,看这安装量也得装。自行体会……

    HTML 智能感知 – HTML Snippets

    在这里插入图片描述
    流畅的编码体验。

    图片导入预览 – Image preview

    在这里插入图片描述
    可以像 idea 一样导入图片之后可以在左侧进行图片的预览。看图:
    在这里插入图片描述

    显示导入文件的大小 – Import Cost

    在这里插入图片描述
    在导入模块时,会显示导入的模块的大小
    在这里插入图片描述

    ES6 代码片段 – JavaScript (ES6) code snippets

    在这里插入图片描述
    极致的 ES6 代码体验……

    Jupyter

    在这里插入图片描述

    微软官方推出的,如下博客所说:
    https://blog.csdn.net/pythonxiaopeng/article/details/109546100

    实时更新页面 – Live Server

    在这里插入图片描述
    适合有显示器的朋友使用,如果你安装了,会在你的 vscode 右下角出现一个 Go Live 的按钮,
    在这里插入图片描述
    点击这个按钮可以创建一个本地的服务器,在vscode中修改的代码,不用刷新浏览器就可以实时同步。

    编辑 MarkDown 三利器

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    从此不需要 markdown 软件,vscode 足矣。

    强大的 nodejs 代码片段 – node-snippets (墙裂推荐)

    在这里插入图片描述
    我真是太喜欢这个插件了,不行,我得抽时间把这个插件移到第一位去。
    如果你喜欢使用 nodejs 来做服务器端,那么这个插件你可能迫切需要。在 js 文件中只需要输入 node 就可以看到一系列的 nodejs 代码片段。例如 express 、http、koa 模块的基本代码。

    看图:
    在这里插入图片描述

    npm 扩展

    在这里插入图片描述
    在这里插入图片描述

    快速在浏览器打开 HTML 文件 – open in browser

    在这里插入图片描述
    单击鼠标右键,或者 Alt + B 可以快速在默认浏览器打开当前的 HTML 文件。

    路径自动补全 –

    在这里插入图片描述
    只需要输入 ./ 这个扩展会自动判断你是不是要引入文件或图片,并给出路径提示。

    代码格式化 – Prettier - Code formatter

    在这里插入图片描述
    重要的是,这个插件可以自定义格式化代码的样式。

    多个项目之间快速切换 – Project Manager

    在这里插入图片描述
    安装这个插件之后会在你的左栏中新建一个图标
    在这里插入图片描述
    点击他可以在多个保存的项目中快速切换,就是这么丝滑。

    代办事项树 – Todo Tree

    在这里插入图片描述
    或许你的代码经常出现一些 bug,有时发现了但是当时得不到解决,这时通常会打一个 TODO 标记。等有灵感了再来解决它,那么这个小东西就起作用了。

    和上面那哥们一样会在你的左栏中创建一个图标,点击这个图标就可以查看当前打开的文件或项目中有多少个 TODO ,并且给出他们的位置,点击相应的标记会自动跳转。

    看图:
    在这里插入图片描述

    Vue 文件语法高亮 – Vetur

    刚开始学 Vue 的时候,打开 vscode ,妈呀,练语法高亮都没有吗??
    你可能需要这哥们。
    在这里插入图片描述
    会达到和 HTML 一样的效果。

    Vue 智能感知 – Vue 3 Snippets

    在这里插入图片描述
    安装之后,直接看图:
    在这里插入图片描述

    辅助开发 – Visual Studio IntelliCode

    在这里插入图片描述
    说实话,我也没看懂啥意思,但就这安装量,并且还是微软官方推出的。装上之后确实好用了。

    好看的文件图标 – vscode-icons

    在这里插入图片描述
    在这里插入图片描述

    代码快速跳转 – Bookmarks

    在这里插入图片描述
    这个插件要是用熟练了,可以在上千行代码之间快速穿梭。

    先说明啊,这个插件的快捷键是可以自定义的,我的快捷键是 Ctrl + Alt + j k l

    说白了就是打标记、跳转到上一个标记、跳转到下一个标记。

    代码错误立即提示 – Error Lens

    在这里插入图片描述
    有时编码过于认真,可能看不到 vscode 报出的错误,或者有时候 vscode 不能提示代码中潜在的错误。这个插件可以帮助你

    插件就推荐到这里,你们有什么好的插件也可以留言给我哦~

    后续如果还发现有好用的插件,我也会继续推荐。

    展开全文
  • VSCode 插件

    千次阅读 2018-08-12 15:54:55
    1、vscode-icons 作用:在左侧项目目录添加不同icon,让目录和文件类型更加直观。 安装完后需要配置:File > Preferences > File Icon Theme > VSCode Icons.   2 、Project Manager ...
  • VSCode插件大全|VSCode高级玩家之第二篇

    万次阅读 多人点赞 2020-04-25 17:55:05
    VSCode没有安装插件,就等同于一把枪没有安装配件,打把的时候还是缺失精准度,开枪的时候也会有很重的后坐力。当然没有插件,也可以很好的编写代码,就是没有那么强而已。 所以这篇文章会给大家介绍VSCode中最常用...
  • vscode 插件

    2019-02-22 18:01:17
  • 27 个提升开发幸福度的 VsCode 插件

    万次阅读 多人点赞 2019-11-20 07:30:00
    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持,越来越多的开发都都喜欢使用它。 如果你正在寻找更多的好用的 VsCode ...
  • 能够有效提升性能的 20 余款 VSCode 插件 代码快捷键、报错信息、代码注释,总有一款 VSCode插件能够提升你的工作效率。 下载量可以说是非常大、百万级别的插件,至少感觉是应该下载试用一下的插件们。 Auto ...
  • VSCode插件 npm包

    万次阅读 2020-06-03 15:25:05
    VSCode插件 minapp(微信小程序) Chinese(汉化包) gitlens(Git的各种功能) Beautify(格式化) javascript console utils(快速console.log) vetur(Vue各种功能) "vetur.format.defaultFormatterOptions": { ...
  • VSCode 插件离线安装

    2019-12-20 12:32:32
    进入vscode插件官网 选择需要安装的插件 下载VSCode插件 进入插件的页面可以直接下载插件,也可以在Github中下载。 离线安装VSCode插件 打开VSCode的软件,选择左侧Extension,点击“…”,选择“从VSIX安装”,...
  • 简单的 VSCode 插件离线安装方法

    万次阅读 多人点赞 2018-06-13 20:18:22
    在参考了 VSCode 插件离线安装 这篇博客的方法之后,我成功离线安装了插件。 可是令我惊奇的事情是: 可能是 VSCode 社区了解到了我们离线安装插件的需求,现在在插件的页面上,已经有了下载链接了,也就是不用...
  • VSCode 插件使用

    2020-12-18 14:04:24
    VSCode 插件使用 live server vetur vue 文本高亮 提供缩写代码 ts 配置VScode
  • VSCode插件 vscode-drawio开源流程图插件

    千次阅读 2020-05-22 22:01:03
    VSCode插件 vscode-drawio开源流程图插件 安装插件 Ctrl+Shift+X 输入vscode-drawio,点击install 新建文件 新建后缀名为.drawio的文件 用Code打开
  • 离线安装 VSCode 插件

    2019-08-16 15:37:20
    离线安装 VSCode 插件 接下来,我来总结下 VSCode 插件离线安装的步骤: 1. 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product,输入你想要的插件名称,比如这里我想要安装的是 ...
  • vscode插件开发

    2020-06-08 20:03:25
    文章目录vscode插件开发背景基础环境激活插件扩展能力实现功能打包发布安装使用应用的展望 vscode插件开发 背景 在日常的开发工作中经常会遇到需要写一些类似的代码,一般可以通过添加代码片段提升效率,但仅仅在在...
  • web前端常用vscode插件大全

    千次阅读 多人点赞 2018-10-16 11:04:25
    web前端常用vscode插件大全web前端常用vscode插件大全vscode打开:样式类:主题:代码提示:工具类:功能类:总结 web前端常用vscode插件大全 vscode VS Code(Visual Studio Code)是由微软研发的一款免费、开源的...
  • 1.猜测是gpu的问题,终端输入code --disable-gpu就可以了。 2.把插件重新卸载,再安装,关闭VScode,重新打开VScode
  • VScode插件使用大全

    2019-01-12 11:26:01
    vscode插件使用帮助地址
  • 推荐几个好用又好玩的vscode插件

    万次阅读 多人点赞 2020-07-21 19:18:07
    推荐几个有用的插件,会提高你的开发效率!走过路过不要错过 一、koroFileHeader 先来一个镇场子的! 一键生成佛祖保佑!!! 下载koroFileHeader插件 安装之后,新建一个文件 这时候会自动生成一个模板,显示...
  • read-vscode-e 一个开源的 VSCode 插件,让你能在 vscode 上划水看小说
  • vscode插件离线安装

    2021-03-22 09:04:47
    vscode插件库(https://marketplace.visualstudio.com/vscode)搜索自己需要的插件,点击右侧 Download Extension 然后将下载的文件,复制到vscode安装目录下的bin文件夹中 在bin文件夹下打开cmd,运行如下命令 ...
  • daily-anime 一个开源的 VSCode 插件,让你能在 VSCode 上划水追番
  • 离线安装 vscode 插件

    2020-01-20 18:51:46
    离线安装 vscode 插件 由于工作环境,开发都是在内网机上进行,经常需要在未联网的情况下安装 vscode插件,记录一下安装的方法。 打开 SCode 插件市场网址https://marketplace.visualstudio.com/vscode ,搜索对应...
  • 最近看到别人的推荐介绍vscode有很多厉害的插件,其中有个插件可以在vsccode中听网易云,是不是很厉害哈哈,名叫VSC Netease Music,需要感受的同学可以去vscode插件应用上下载。 应用链接:微软VScode-VSC Neteas.
  • 在使用Vuex管理自己应用的状态时,因为状态过多,为了正确性每次都要打开vuex定义文件,去复制定义时的函数名或者状态名,无形中就浪费了许多时间,为了解决这个痛点,开发了这个vscode插件。 通过使用 ast 和正则...
  • VSCode插件开发系列随笔 做了VSCode插件开发一年有余,心想留下一些纪念吧,整理一下中间所遇到的问题以及知识点,留待日后可以复习查看,遇到相同问题的小伙伴也可以相互借鉴. extension代码示例 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,498
精华内容 5,799
关键字:

vscode插件