精华内容
参与话题
问答
  • vsCode插件

    2018-10-23 10:40:00
    vsCode常用插件整合,主要是针对vue的环境,包括vscode-icon,vetur ,VueHelper 等
  • VScode插件

    2017-10-21 21:55:31
    VScode插件,常用插件开发 VScode插件,常用插件开发 VScode插件,常用插件开发
  • vscode插件

    2019-03-14 18:03:24
    本项目是vscode插件,从vscode官网上下载的官方插件
  • 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 插件

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

    最常用快捷键:

    Ctrl + shift + p : 列出所有可用命令。

     

    1、vscode-icons

    作用:在左侧项目目录添加不同icon,让目录和文件类型更加直观。

    安装完后需要配置:File > Preferences > File Icon Theme > VSCode Icons.

     

    2 、Project Manager

    作用:更加高效的管理项目

    常用功能:

    • 项目保存:Ctrl + shift + p ---> 输入project --->Save Project
    • 项目加载:Ctrl + shift + p ---> 输入project --->Refresh Projects
    • 项目切换: alt + shift + p ---> 选择项目

    项目只有在保存后才能出现在项目切换目录。项目保存后再左边栏会多出project的一个项目,也可以点进去选择要切换的项目。

     

    3、Beautify

    作用:格式化代码

    Ctrl + shift + p ---> beautify

     

    4、Code Runner

    作用:一键搭建各种语言的测试环境

    ctrl + alt + n;

     

    5、ESlint

    作用:检查代码规范

    使用:

    安装插件 ---> 全局安装eslint (npm init eslint -g)  ---> 在项目下执行 eslint --init (前提是在有package.json文件的目录下)

     

    6、Debugger for Chrome

    作用:在vscode下调试代码(集成chrom的调试环境)

    使用:

    安装插件 ---> 文件打断点 ---> 左侧栏选择‘调试’ ---> 添加配置 ---> lanch.json 添加配置项

    注意:lanch 模式和 attch模式,不同的是 lanch模式会重新 ‘启动 Chrome 并打开 localhost’ ,attch模式则会关联已经打开的chrom浏览器页面。

     

    7、  npm、npm IntelliSense、path IntelliSense、IntelliSense for CSS class names in HTML

    作用:代码提示

     

     

     

     

     

    展开全文
  • vscode 插件

    2018-03-01 00:11:58
    常用插件 https://segmentfault.com/a/1190000006697219
    展开全文
  • 27 个提升开发幸福度的 VsCode 插件

    万次阅读 多人点赞 2019-11-20 07:30:00
    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持,越来越多的开发都都喜欢使用它。 如果你正在寻找更多的好用的 VsCode ...

    作者:Jsmanifest
    译者:前端小智
    来源:medium

    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器,  借助对TypeScriptChrome调试器等开发工具的内置支持,越来越多的开发都都喜欢使用它。

    如果你正在寻找更多的好用的 VsCode 工具,那么这篇或许能够帮助你。以下是 2019年为 JS 开发者提供的26个不可思议的VSCode工具。

    1. Project Snippets (代码片段)

    project snippets,这是我最喜欢的一个工具,它来自于 VSCode 中内置的原始用户代码片段。
    该特性允许你创建自己的代码段,以便在整个项目中重用。

    但是“重用”它们到底意味着什么?

    如果咱们经常要重复写下面这样的样板文件:

    实际上,咱们可以直接将上面的代码放到的用户代码片段中,因此不必写出(或复制和粘贴)整个代码片段,只需键入一个自定义前缀来生成配置的代码片段即可。

    打开 VsCode,然后选择 文件 >首选项 > 用户代码片段,则可以选择通过单击 '新建全局代码片段文件'来创建新的全局代码片段。

    例如,要为 TypeScript React 项目创建自己的代码片段文件,可以单击新建全局代码片段文件,输入 入typescriptreact.json。它将引导咱们访问一个新创建的.json文件,可以使用该文件来构建使用TypeScript 的 React 应用程序。

    例如,要从上面的代码示例创建一个用户片段,可以这样做:

    有了它,咱们可以创建一个以.tsx结尾的新TypeScript文件,在新创建的文件输入rsr,然后按回车或 tab 键 Vscode 就会帮咱们生成代码片段内容。

    全局用户代码片段的问题是,它将贯穿咱们所有项目(在某些情况下,这对于一般的代码片段来说是非常强大的)。

    一些项目将以不同的方式配置,当需要区分特定的用例时,用于配置代码片段的全局文件就成了一个问题。

    例如,当每个项目的项目结构不同时

    这对于具有特定file/folder结构的项目可能就足够了,但是如果咱们正在处理另一个项目,其中Link 组件具有类似components/Link的路径,该怎么办?

    请注意这三个border tests是如何将它们的值用单引号括起来的:border: '1px solid red'

    这在 JS 中是完全有效的,但是如果使用 styled-components作为项目的样式解决方案呢?该语法不再适用于该工作区,因为 styled components使用普通的CSS语法

    这就是 project snippets 的亮点所在。

    Project snippets使咱们可以声明项目/工作区级别的代码段,让当前项目代码段不会与其它项目冲突也不会污染其他项目。

    2. Better Comments(更加人性化的注释)

    如果喜欢在代码中编写注释,那么有时你可能会发现搜索您以前编写的特定注释的位置是令人沮丧的,因为代码可能会变得有些拥挤。

    有了Better Comments,可以通过引入彩色注释使注释更加明显。

    3. Bracket Pair Colorizer (标签匹配 括号匹配插件)

    第一次看到Bracket Pair Colorizer的屏幕截图时,我第一时间入安装使用了。

    4. Material Theme

    Material Theme是一个史诗主题,可以直接安装到VSCode中,安装后代码看起来像这样:

    5. @typescript-eslint/parser

    如果你是一个TypeScript用户,应该开始考虑将你的 TSLint 配置转移到ESLint + TypeScript上,TSLint 背后的支持者已经宣布计划在今年的某个时候弃用 TSLint。

    项目正逐步采用@typescript-eslint/parser和相关包,以确保其项目的前瞻性设置。

    咱们仍然能够利用大部分ESLint的规则和兼容性与更漂亮使用新的设置。

    6. Stylelint

    对我来说,出于以下几个原因,stylelint 在我所有的项目中都是必须的:

    1. 它有助于避免错误。

    2. 它加强了CSS中的样式约定。

    3. 它与Prettier支持并驾齐驱。

    4. 它支持 CSS/SCSS/Sass/Less。

    5. 它支持社区编写的插件。


    7. Markdownlint + docsify

    markdown 爱好者一定要试试 vscode 上的 markdownlint 扩展,会用绿色波浪线给你提示出 N 多不符合书写规范的地方,比如:

    • 标题下面必须是个空行

    • 代码段必须加上类型

    • 文中不能出现<br>这种html标号

    • URL必须用< >扩起来

    同时也可以配合安装 docsify,因为它支持Markdown和每个项目的其他增强。

    8. TODO Highlight

    如果习惯在应用程序代码中编写待办事项的开发者,可以安装 TODO Highlight 这样的扩展名对于突出显示整个项目中设置的待办事项非常有用。

    9. Import Cost

    Import Cost 可以显示咱们在VS代码编辑器中导入的程序包的大小。

    10. Highlight Matching Tag

    有时,试图匹配标签的结束地方会令人沮丧,这时 Highlight Matching Tag 就派上用场了

    11. vscode-spotify

    程序员经常边听歌边打代码,有时候写到一半,歌太难听,想切换,得切到音乐播放器,然后在回到 VsCdoe 界面,有点麻烦。

    这就 是vscode-spotify 用武功之地,因为它可以在VSCode内直接使用音乐播放器。

    有了这个扩展,各位就可以在状态栏中看到当前播放的歌曲,可以通过热键在歌曲之间切换,也可以点击按钮来控制音乐播放器等等。

    12. GraphQL for VSCode

    GraphQL一直在发展,咱们经常可以在 JS 社区中看到它的身影。因此,最好开始考虑在 VSCode中安装 GraphQL for VSCode。

    13. Indent-Rainbow

    Indent-Rainbow 会给缩进添加一种颜色,让你更加直观的看到代码层次。

    14. Color Highlight

    Color Highlight 可以在代码中突出显示颜色,如下所示:

    15. Color Picker

    Color Picker 是一个 VSCode 扩展,它为咱们提供了一个图形用户界面,用来选择和生成颜色代码,如 CSS 颜色符号。

    16. REST Client

    第一次看到 REST Client 并尝试它时,与现有的软件(如Postman)相比,它似乎不是一个非常有用的工具。

    但是,对 REST Client 扩展的用法了解越多,就会意识到它对开发工具的影响有多大,尤其是在测试API 时。

    只需要创建一个新文件写入下面这一行:

    https://google.com

    然后转到命令面板(CTRL + SHIFT + P),单击Rest Client: Send request,它会在一瞬间弹出一个包含请求响应详细信息的新选项卡,非常有用:

    甚至还可以传递参数,或将请求体数据请求到POST,而下面仅需几行代码:

    POST https://test.someapi.com/v1/account/user/login/
    Content-Type: application/json

    "email""someemail@gmail.com""password"1 }

    就会发送POST请求,参数为 { "email": "someemail@gmail.com", "password": 1 }

    17. Settings Sync

    vscode上有各种各样不同的插件,如果要在不同的电脑上使用 vscode 配置是件比较麻烦的事情,使用 Settings Sync 将 vscode 配置备份起来,当需要在其他电脑使用  vscode  时只需下载备份的配置就可以了。

    咱们只需要一个 GitHub 帐户,并且每次要保存配置(包括按键绑定,代码片段,扩展名等)时,只需按SHIFT + ALT + U将私有设置上传到 GitHub 帐户即可。然后,下次登录或重新格式化为另一台计算机时,可以按SHIFT + ALT + D组合键立即下载配置。

    18. Todo Tree

    Todo Tree 将帮助咱们找到在整个应用程序代码中创建的所有待办事项。它将把它们放到一个单独的树中,还可以在面板的左侧同时查看它们

    19. Toggle Quotes

    Toggle Quotes是一个有趣的实用工具扩展,它允许咱们在引号之间进行切换。当需要在使用字符串插入时切换到反引号时,它就派上用场了。

    20. Better Align

    Better Align 对齐赋值符号和注释。要使用它,将光标放在想要对齐的代码中,使用CTRL + SHIFT + P打开命令面板(或者使用自定义快捷方式打开命令面板),然后调用Align 命令。

    21. Auto Close Tag

    Auto Close Tag自动闭合html标签。

    22. Sort Lines

    Sort lines 可以帮助咱们排序选中行。

    23. VSCode Google Translate

    如果是参与多语言开发的项目,VSCode Google Translate 可以帮助咱们快速切换语言。

    24. Prettier

    Prettier是VSCode的扩展,可自动格式化JavaScript/TypeScript 等等,使代码更漂亮。

    25. Material Icon Theme

    与其他图标主题相比,我更喜欢 Material Icon Theme,因为文件类型更为明显,尤其是在使用深色主题。

    26. IntelliSense for CSS Class Names in HTML

    IntelliSense for CSS Class Names in HTML,基于在工作空间中找到的定义性,并提供了CSS 类名补全。

    27. Path Intellisense

    Path Intellisense 自动路劲补全。


    原文:https://dev.to/jsmanifest/26-miraculous-vs-code-tools-for-javascript-developers-in-2019-50gg

    代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug


    交流

    延伸阅读

    【TS 演化史-3】标记联合类型 与 never 类型

    【TS 演化史 - 2】基于控制流的类型分析 和 只读属性

    简单易懂的 React useState() Hook 指南(长文建议收藏)

    14 个拷贝数组的 JS 技巧

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

    万次阅读 多人点赞 2016-11-14 15:12:50
    1.VsCode官方插件地址: http://code.visualstudio.com/docs 2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的...
  • 没用过这些 VSCode 插件?怪不得写代码头疼

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

    万次阅读 多人点赞 2017-08-16 21:17:32
    就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。 1. Open-In-Browser 由于 ...
  • VSCode插件大全|VSCode高级玩家之第二篇

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

    2017-10-21 21:59:16
    VScode插件,常用插件开发 VScode插件,常用插件开发 VScode插件,常用插件开发
  • vscode插件打包

    2018-01-29 00:06:15
    常用vscode插件打包下载,参考http://blog.csdn.net/qq_38906523/article/details/77278403
  • vscode插件Go

    2018-08-11 19:46:13
    解决VSCode插件Go(版本0.6.85)提示调试配置"xxx"已经在运行的问题 解决方案: 1.禁用vscode自动更新扩展 2.手动安装0.6.84版本的插件
  • vscode插件合集

    2017-04-10 22:49:10
    vscode 常用插件 手动放到 .vscode/extensions/ 下
  • VScode 插件总结

    2018-09-06 10:06:15
    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器.本文为常用插件说明
  • 简单的 VSCode 插件离线安装方法

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

    万次阅读 多人点赞 2020-07-21 19:18:07
    推荐几个有用的插件,会提高你的开发效率!走过路过不要错过 一、koroFileHeader 先来一个镇场子的! 一键生成佛祖保佑!!! 下载koroFileHeader插件 安装之后,新建一个文件 这时候会自动生成一个模板,显示...
  • vscode 插件之 eclipseKeybingings,可以使用 eclipse 的快捷键
  • vscode| vscode插件管理

    千次阅读 2019-09-18 20:42:53
    1.在线安装插件 参考: https://jingyan.baidu.com/article/90808022029213fd91c80f15.html 2.离线安装插件
  • 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插件之vscode-icons

    万次阅读 多人点赞 2016-11-14 15:23:43
    一、VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标 官网地址:https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons 二、使用方法 1.安装 快捷键 Ctrl+P ,输入...
  • vscode最新插件合集(20190814)part1,共2个分包(part1/2),都下载后用命令“copy /b extensions.zip.rm1+extensions.zip.rm2 extensions.zip”合并再解压。 包合以下插件: wholroyd.jinja-0.0.8 daltonjorge....
  • 最近使用vscode配sftp同步项目文件的时候,发现连到组里的服务器handshake时间大约需要20s左右,而vscode中sftp插件的默认配置和插件config wiki中并没有最大超时时间的设置参数(其实是有的) //默认config -- ...

空空如也

1 2 3 4 5 ... 20
收藏数 10,445
精华内容 4,178
关键字:

vscode插件