首页
学习
活动
专区
工具
TVP
发布

vscode学习笔记

前言 最近vscode编辑器在前端程序员中使用越来越频繁了,既然大家都在用,说明它一定是香的,身为webstorm党,也得赶紧跟进潮流,这是我这几天学习vscode看过的文章和视频,大家把这些文章和视频看完...https://www.bilibili.com/video/BV15v41177FB) [键盘侠养成-崔效瑞] (https://juejin.cn/post/6844904099880632328) [VScode...details/108695261) [第一次使用VS Code时你应该知道的一切配置:](https://www.cnblogs.com/qianguyihao/p/10732375.html) 史上最全vscode...配置使用教程 [https://zhuanlan.zhihu.com/p/113222681) [vscode 函数没有引入提示_没有用过这些插件,别说你在用vscode!]...在想要知道哪行代码是谁改动的时候非常的实用 Git History:git log查看 Settings Sync :提供了同步个人设置的功能,当我们需要换电脑进行开发时,比如回家用自己的电脑,或者换了新的电脑,该插件可以帮你同步之前的设置

1.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

VSCode跳转到定义内部实现_VSCode插件开发笔记4

写在前面 从源码来看,VSCode主体只是个Editor(核心部分可在Web环境独立运行,叫Monaco),并不提供任何语言特性相关的功能,比如: 语法支持:语法校验、高亮、格式化、Lint检查等等...编辑体验:跳转到定义、智能提示、自动补全、查找引用、变量重命名等等 这些统统没有,都是由插件提供的,对JS的支持也是这样 一.内置插件 VS Code内置插件中,与JavaScript有关的只有一个vscode...功能入口 TSServer ready之后,开始连接VSCode与TSServer LanguageProvider注册VSCode各项功能,例如vscode.languages.registerCompletionItemProvider...展现需要的格式 VSCode拿到数据,让光标移动到Editor指定位置。...砰,就跳过去了 P.S.VSCode中其它JS语义相关的功能与之类似,都依靠TSServer提供支持 参考资料 Microsoft/vscode 1.28.2 Architectural Overview

4.5K30

vscode使用笔记(如何设置vscode打开文件时新建窗口)

#如何设置vscode打开文件时新建窗口 1、使用ctrl+shift+p快捷键,打开搜索框; 2、然后在搜索框中输入 settings 3、settings.json 这个文件是编辑器配置文件,打开文件如下...我的原来没这一行,自己手动加上这行代码即可        “workbench.editor.showTabs”:true #解决vscode使用tab键自动生成代码失效问题 解决vscode使用tab...键自动生成代码失效问题 现象:vscode编辑器中编写关键字,按Tab键,添加空格 步骤: 打开设置--->---搜索emmet--->---滑到Emmet:Trigger Expansion On..."#">北京 5北京 未经允许不得转载:肥猫博客 » vscode...使用笔记(如何设置vscode打开文件时新建窗口)

30920

TypescriptServerPlugin_VSCode插件开发笔记3

DefinitionProvider之间并不知道其它DefinitionProvider的存在,自然会出现多个Provider提供了相同或相似Definition的冲突情况 语义支持缺失 缺少语义支持是个硬缺陷,例如经常需要在入口处类似这样的事情...return null; } return token; } (摘自WesleyLuk90/node-import-resolver-code) 更大的问题是受限于触摸不到语法树,很多事情“不了...结果,冲突在所难免 从实现上来看,所有DefinitionProvider提供的Definition结果会被merge到一起: // ref: https://github.com/Microsoft/vscode...对应源码: // ref: https://github.com/Microsoft/vscode/blob/master/src/vs/editor/contrib/goToDefinition/goToDefinitionCommands.ts...editor, new ReferencesModel(result)); } }); } } 去重逻辑: // ref: https://github.com/Microsoft/vscode

1K30

用这款 VSCode 插件,让记笔记更简单

为了在用 VS code 写文献阅读笔记和读书笔记时更加顺手,我根据自己的阅读和记录习惯整理了一些 markdwon 模板,所谓模板其实就是若干适用于 markdown 的 snippets。...因为精读笔记通常一次只读一篇,所以在模板中引入了一级标题,标题为文献精读+当前日期,例如文献精读2019-09-09。 随后的内容包括包括文献信息、文献概述、好词好句、文献笔记和相关文献等内容。...因为泛读笔记通常一次会读两到三篇,所以在模板中并未引入一级标题,而是使用了二级标题。包括文献信息、关键点、参考意义和相关内容。...如何获取 直接在vscode插件市场中搜索「markdown note snippets 」

7.5K30

笔记总结】我是如何笔记

【为什么要做笔记】 本篇文章主要是一个如何笔记的分享。 先说说我们为什么要做笔记?...哈哈哈哈,这真不是废话,笔记只是工具,笔记才是精华。如果你暂时还没有最合适的工具,那么我就推荐你用【有道云笔记】吧,这是一款非常简单方便的笔记工具。...在大学期间我也使用过几款笔记软件,在最后选择了【有道云笔记】,因为它整个页面很干净清爽,简易上手,所以从大学一直用到现在,并且推广好几个小伙伴一起用。...【我是如何笔记的】 我的笔记主要分为四大模块:1、工作相关 2、测试技能 3、其它技能 4、日常记录。...以下是一些笔记的小tips: 1、先按大模块拆分 2、按优先级在标题前面加序号 3、在笔记前面或者笔记内可设置一个专门的目录,目的是方便检索 4、笔记标题:日期加关键字 5、建议不要一个笔记写太多内容

72550

你用什么软件笔记

但是大多数笔记应用的设计并不是以程序员作为目标受众,这些程序可能会让使用者用起来很难受,甚至完全放弃这些工具。这就是为什么我们为你找来了这些最好的笔记工具。...MedleyText在使用本地笔记时完全免费,没有任何限制。...高级服务版本MedleyText + S将于2017年下半年发布,届时他能允许使用者将笔记同步到云端存储,访问Web版本应用并与其他人共享笔记。 3....OneNote是学生记笔记的最佳方式之一,对于计算机和工科学生来说,这是一个特别好的消息。 笔记共享功能使得OneNote协作项目起来也非常方便。...是的,这是一个文本编辑器,而不是一个笔记应用程序,但它当然也可以用于记笔记:每个笔记作为一个文本文件,每个代码片段在一个单独的语言文件中。

2.7K10

插件机制详述_VSCode插件开发笔记1

引用跳转(转到定义)/文件搜索、主题定制,高级的debug协议等等 P.S.实际上,非要扩展UI,也是有办法的(逃出插件运行环境,但要费不少力气),具体见access electron API from vscode...extension,后续笔记会详细介绍 二.运行环境 为了性能与兼容性,插件在独立的进程(称为extension host process)中运行,并且不允许直接访问DOM,所以提供了一套内置的UI组件...100%,进程级沙箱保证了插件机制的稳定性 三.核心理念 稳定性:插件隔离 插件可能会影响启动性能和IDE自身的稳定性,所以通过进程隔离来解决这个问题,插件运行在独立的进程中,不影响IDE及其启动时间 这样是从用户角度考虑的...崩溃才会触发extension.ts/deactivate,所以一般用法是: activate: 插件被激活,初始化功能模块单例(只执行一次) deactivate: IDE即将关闭,清理现场,但不宜太耗时的操作...:插件可以用任意语言来实现,只要遵守这套约定的通信协议即可 四.语言相关扩展 通过配置文件来支持语法高亮、代码片段和智能括号匹配,更复杂的通过扩展API或language server来 配置型扩展

2.5K50

VSCode

visual studio code 配置vue开发环境 前端 visual-studio-code vue-cli 插件 废话 重装了用了3年的操作系统,配置前端开发环境时一些开发工具配置丢失了,这里下记录...正文 本文针对的开发工具是vscode, 配合vue-cli创建的项目,告诉你安装什么插件,每个插件的作用,每行配置代码的作用 一、插件 网上搜索vscode插件的文章,动辄十几个,其实根本用不了那么多...确保它们符合规范,并且代码风格保持一致性,强制性的规则,你少写一个空格或者多敲一个回车都会被严格的指出来,强迫症的福音,第一次用它的同学可能会抓狂,熟悉后你会感谢它 使用:想让插件生效,你的项目还得一番复杂的配置...standard规范有冲突,你可以点击这里查看vetur插件格式化的默认配置 既然知道了原因,我们可以覆盖它的默认配置: "vetur.format.defaultFormatter.js": "vscode-typescript...美化左边资源管理器里项目文件的图标,每一种文件后缀都对应一个图标,很直观明了 vscode-background 设置代码的背景(找张喜欢的小姐姐作为背景),腐宅必备 Path Autocomplete

1.5K50
领券