首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Visual Studio Code编写Vue札记

比较了下载数量可以了解,vetur 是目前比较好语法高亮插件,我们来安装一下吧。...请求 Settings Sync VSCode设置同步Gist String Manipulation 字符串转换处理(驼峰、大写开头、下划线等等) Test Spec Generator 测试用例生成...@根据分类跳转 symbol,查找属性函数,也可以Ctrl+Shift+O 后输入:进入 根据名字查找symbol,也可以Ctrl+T Ctrl + Shift + N 打开新窗口 Ctrl...Ctrl + I 选中当前行 Ctrl + Shift + L 选中所有与当前选中内容相同部分 Ctrl + F2 选中所有与当前选中单词相同单词 Shift + Alt + Left 折叠选中...Ctrl + G 跳转至某行 Ctrl + P 跳转到某个文件 Ctrl + Shift + O 跳转到某个符号 Ctrl + Shift + M 打开问题面板 F8 下一个错误警告位置

38.9K92

Visual Studio Code window环境下快捷键大全

而且关键是: 免费 中文 插件多 所以,我将电脑上各种文本阅读器都替换成了VSCode。 但是使用新软件,往往就会开始新一轮快捷键学习了。...快捷键 描述 Ctrl+X 剪切行(可以选择空行) Ctrl+C 粘贴行(可以选择空行) Alt+ ↑ / ↓ 向上/向下移动行 Shift+Alt + ↓ / ↑ 向上/向下复制行 Ctrl+Shift...Ctrl+Shift+[ 折叠代码块 Ctrl+Shift+] 展开代码块 Ctrl+K Ctrl+[ 折叠所有子区域 Ctrl+K Ctrl+] 展开所有子区域 Ctrl+K Ctrl+0 折叠所有区域...Ctrl+Shift+M 显示问题面板 F8 转到下一个错误警告 Shift+F8 转到上一个错误警告 Ctrl+Shift+Tab 导航编辑器组历史记录 Alt+ ← / → 后退/前进 Ctrl...达不到我们效果。例如格式化文档等。可能按下之后没有任何效果。 2.7 编辑器管理快捷键 介绍各种编辑器中快捷键 所谓编辑器,就是VSCode各种代码编辑界面和窗口。叫做编辑器界面。

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

VSCode之快捷键和常用插件

ctrl + Enter 跳转下一行开头 shift + ctrl + enter 跳转上一行开头 Ctrl+Shift+ 跳转到相应匹配括号 ctrl+shift+[ 折叠 html快速加注释 ctrl...下面将详细介绍VSCode快捷键!...一、两种重要使用 1.1 主命令框 Command Palette 最重要功能就是 F1 Ctrl+Shift+P 打开命令面板了,在这个命令框里可以执行VSCode 任何一条命令,可以查看每条命令对应快捷键...+O直接进入   6)@:根据分类跳转symbol,查找属性函数,也可以Ctrl+Shift+O后输入:进入   7)# 根据名字查找symbol,也可以Ctrl+T 二、常用快捷键 2.1 编辑器与窗口管理...可以选中后按 F2,输入新名字,回车,会发现所有的文件都修改了 跳转到下一个 Error Warning:当有多个错误时可以按 F8 逐个跳转 查看 diff: 在 explorer 里选择文件右键

2K10

个人笔记-markdown使用入门

在想要设置为标题文字前面加井号来表示标题,井号和文字之间加空格。每个井号增加一级,字体变小一级。一级标题,字体最大,上下都要是空行。 1.7....其它目录图片 如果markdown文件在一个目录下,要添加另一个目录下图片最好先用..命令返回上一级目录,直至可以顺利找到要添加图片目录。...使用Html样式和折叠语法 1.22.1. 参考文章 使用折叠语法details语法后,其中内容自动折叠,可以手工展开。...代码中不能有空行,否则不能全部折叠。code里有#号,也会造成排序错误。 1.22.3.1. 示例-文本 示例-文本概要 示例-文本详细内容 1.22.3.2....Markdown注释 以冒号开头注释   以冒号开头注释,会被编译 Html 文档中,并且会呈现出特殊效果。 1.23. end 回到目录前 *** 回到目录后

2.7K10

开发必备 | 新手如何快速掌握VSCode编辑器?

Ctrl + Shift + M 显示问题面板 Show Problems panel F8 转到下一个错误警告 Go to next error or warning Shift + F8 转到上一个错误警告...1,第2第3编辑器组 Focus into 1st, 2nd or 3rd editor group Ctrl+K Ctrl+ ←/→ 聚焦到上一个/下一个编辑器组 Focus into previous...文件管理 vscode-icon : 根据文件后缀名来显示不同图标,让你更直观地知道每种文件是什么类型....,略显低级,一般新手资深程序员偷懒时会用。...与第二等断点调试刚好相反,大部分人不是很习惯这种方式,但在国外开发者或者敏捷爱好者看来,这是最高效开发方式,在保证代码质量、重构等方面非常有帮助,是现代编程开发必不可少部分 本文至此完毕,更多技术文章

70710

你不知道 VSCode 代码高亮原理

与 Webpack 相似vscode 本身只是实现了一套架子,架子内部命令、样式、状态、调试等功能都以插件形式提供,vscode 对外提供了五种拓展能力: 其中,代码高亮功能由 「语言扩展」 类插件实现...Language Server Protocol 简介 上述基于语言扩展插件代码高亮方法有一个相似的问题:难以在编辑器间复用,同一个语言,需要根据编辑器环境、语言重复编写功能相似的支持插件,那么对于...Vscode LSP 架构包含两部分: Language Client: 一个标准 vscode 插件,实现与 vscode 环境交互,例如 hover 事件首先会传递 client,再由 client...main:插件入口文件 Client 样例 示例 vscode-extension-samples/lsp-sample 中 Client 入口代码,关键部分如下: export function...Server 样例 示例 vscode-extension-samples/lsp-sample 中 Server 代码实现了错误诊断、代码补全功能,作为学习样例来说稍显复杂,所以我只摘抄出错误诊断部分代码

1.2K30

日常IT技巧总结_it工作写经验总结

TinEye是加拿大Idée公司研发相似图片搜索引擎,用户可以提交上传一个图片TinEye找出它来自何处,它是如何被使用,如果更改图像版本存在,寻找更高分辨率版本。...六、http://labs.ideeinc.com/upload/ Byo image search是根据你上传图片来搜索相似的图片,算法主要是基于色彩,也包括主题风格。...八、http://www.xcavator.net Xcavator 和Live.com很相似,你需要先输入一个关键字,然后在搜索结果中挑选一张图片,在根据这张图片特点来进行搜索。...用户安全密钥应为 8 63 个 ASCII 字符组成字符串,例如,密码, 64 个十六 进制数字(代表 32 个二进制字节)。...Shift+F3 找上一个 Ctrl+Shift-F 在文件中找 Ctrl+F2 触发书签 F2 前一个书签 Shift+F2 下一个书签 F5 打开run对话框 Ctrl+Space 打开CallTip

84210

详解Node模块加载机制

Node.js 中,模块加载过程分为 5 步: 路径解析(Resolution):根据模块标识找出对应模块(入口)文件绝对路径 加载(Loading):如果是 JSON JS 文件,就把文件内容读入内存...(Module Identifiers)就是传入require(id)第一个字符串参数id,例如require('....、/开头文件路径,尝试当做文件、目录来匹配,具体过程如下: 若路径存在并且是个文件,就当做 JS 代码来加载(无论文件后缀名是什么,require(....如果不是,就从当前目录开始,逐级向上在各个node_modules下找,一直找到顶层/node_modules,以及一些全局目录: NODE_PATH环境变量中指定位置 默认全局目录:HOME/....module 'vscode' contains the VS Code extensibility API import * as vscode from 'vscode'; 而vscode模块实际上是不存在

2.9K41

VS Code教程(JSON)

字符串(string)与C或者Java字符串非常相似。 数值(number)也与C或者Java数值非常相似。除去未曾使用八进制与十六进制格式。除去一些编码细节。 这就是json样子....折叠式 您可以使用装订线在行号和行首之间折叠图标来折叠源代码区域。折叠区域可用于所有对象和数组元素。...如果字符串以开头^,则字符串内容将原样插入,而不是按字符串插入。您可以使用它来指定数字和布尔值代码段。....vscode隐藏文件夹,里面包含着**仅适用于当前目录**VS Code设置。...C:\Users\yunswj\AppData\Roaming\Code\Workspaces 要是不想设置一长串路径里面,点图中所示地方 可以看到配置文件在.vscode中 ---- 以后可以把这个文件复制另一个文件夹中

5.2K10

你不知道 VSCode 代码高亮原理

其它特性功能写法与此相似,感兴趣同学建议官网自行查阅。...Language Server Protocol 简介 上述基于语言扩展插件代码高亮方法有一个相似的问题:难以在编辑器间复用,同一个语言,需要根据编辑器环境、语言重复编写功能相似的支持插件,那么对于...Vscode LSP 架构包含两部分: Language Client: 一个标准 vscode 插件,实现与 vscode 环境交互,例如 hover 事件首先会传递 client,再由 client...main:插件入口文件 Client 样例 示例 vscode-extension-samples/lsp-sample 中 Client 入口代码,关键部分如下: export function...Server 样例 示例 vscode-extension-samples/lsp-sample 中 Server 代码实现了错误诊断、代码补全功能,作为学习样例来说稍显复杂,所以我只摘抄出错误诊断部分代码

2.5K30

2018-09-03 简单问题:VIM中 查找 “上一个” 快捷键是什么?G 移动光标指定行#. 例如: 5G-> 光标下反向搜索关键词 (search the word under cursor

d开头单词,当输入/de时,会自动找到第一个以ds开头单词,以此类推,进行查找;当找到要匹配单词时,别忘记回车 set backspace=2 " 设置退格键可用 修改一个文件后...]z 当前打开折叠末尾处。 zj 向下移动。到达下一个折叠开始处。关闭折叠也被计入。 zk 向上移动到前一折叠结束处。关闭折叠也被计入。...zf56G,创建从当前行起到56行代码折叠; 10zf10zf+zf10↓,创建从当前行起到后10行代码折叠。...^:移动光标当前行第一个字母位置。 $:移动光标行尾。 ):移动光标下一个句子。...view) 对于vim来说,如果你设定了折叠,但是退出文件,不管是否保持文件,折叠部分会自动消失

6.1K10

关于SecureCRT及Vim使用

大家好,又见面了,我是你们朋友全栈君。 听说大部分搞网络或者被网络搞同学,每天都会使用SecureCRT在Linux下进行开发、测试等工作。...2、 快速加载自定义环境变量 很多同学喜欢在服务器上自定义个性化环境变量,但考虑部分同学共用同一登录用户,为了不影响别人使用,我们是不是要在每台机器上保存一个profile文件?...B 同上,不过以空白区分字(word) gg 文件首 G 文件尾 } 跳到下一个空行处 {...跳到#if …#else #endif结束元素 [[ 移动到一个代码块开头 ][ 移到到一个代码块结尾 [{ 跳到当前代码块开头,会跳过与它平级代码块...]} 跳到当前代码块结尾,跳过与它平级代码块 [m 光标在类中时可找到前一个函数开始 ]m 光标在类中时找到下一个函数结尾

1.9K20

vscode插件开发入门

: 自定义代码片段 自定义编程语言 添加替换编程语言语法 扩展现有的语法 纯工具类主要是一些第三方工具集成vscode中,如常用git插件、Docker插件,一般这类插件通过新增容器和视图方式对...command作为唯一key进行注册 把注册返回方法添加到vscode订阅中 大部分注册类插件步骤大致如此 现在我们通过F5运行插件,因为脚手架配置了vscode task任务,所以会自动把ts编译成...方法,该方法第一个参数返回一个webviewView对象,代码中可以通过该对象对webview进行操作。...({ todo: state }); input.value = ''; } } 插件发布 完成功能开发后,我们就可以把插件打包发布商店打包成vsix文件,在发布前我们需要把README.md...todolist来引导对插件开发流程熟悉,其中涉及api并不多。

5.5K20

VIM使用

j: 向下移动 k: 向上移动 xh: 向左移动x个字符距离 单词移动: w: 将光标移动到下一个单词开头 b: 将光标移动到前一个单词开头 e: 将光标移动到下一个单词词末 E: 移动到单词结尾...2列 fx:将光标移动到当前行第一个字符x上 3fx: 将光标移动到航前行第3个字符x上 tx: 将光标移动到目标字符x前一个字符上 fx和tx可以通过;和,进行正向反向重复移动 %: 用于符号间移动...cb: 删除从光标处到单词开头文本并进入插入模式 cc: 删除一整行并进入插入模式 ~: 修改光标下字符大小写 r: 替换当前光标下字符 R:进入替换模式 xp: 交换光标和下一个字符 组合命令...string 反向查找 :set hls 设置高亮显示 *按键将当前光标处单词高亮显示 使用n浏览下一个查找高亮结果 字符串替换 : s/old/new 将当前行第一个字符串old替换为new :...:buffers 查看缓冲区列表==ls :buffer N 根据缓冲区列表编号跳转到指定缓冲区 :bnext/bprev 遍历缓冲区列表 :bfirst/blast分别调到缓冲区列表开头和结尾 :

1.3K10

常用vim命令总结

移动到下一个单词开头 E e 移动到下一个单词结尾 B b 倒退到上一个单词开头 需要注意是,E会忽略标点符号,如:I‘m,e...移动到下一个句子开头 { 移动到当前这一段开头 } 移动到下一段开头 [[ 移动到当前这一节开头 ]]...Tx:和 tx 类似,不过是往回移动到 x 右边一个位置。 b:光标往前移动一个词。 w:光标往后移动一个词。 0:移动光标当前行首。(是数字0) ^:移动光标当前行第一个字母位置。...x+ic+space 多行修改我想就不用说了,前面加上数字再组合命令就可以了 从上面看来,我们应该可以更深刻认识,VIM中大部分命令是组合使用 利用好了这点才能更快摸索出自己使用习惯,从而高效修改...打开Python脚本时会发现所有的代码已经折叠了,其中还现了折叠部分拥有的行数。在折叠行按下zo可以打开折叠,按下zc会折叠上代码。python_ifold是默认启用

1.7K10

Linux学习笔记之vim操作指令大全

: 从第num行开始; vim +/string file: 打开file,并将光标停留在第一个找到string上。...w: 前移一个单词,光标停在下一个单词开头; W: 移动下一个单词开头,但忽略一些标点; e: 前移一个单词,光标停在下一个单词末尾; E: 移动到下一个单词末尾,如果词尾有标点,则移动到标点; b:...:cn – 定位下一个错误。 :cp – 定位到上一个错误。 :cr – 定位第一个错误。 13.7 自动补全 C-x C-s – 拼写建议。 C-x C-v – 补全vim选项和命令。...– 收起折叠; za – 打开/关闭当前折叠; zr – 打开嵌套折行; zm – 收起嵌套折行; zR (zO) – 打开所有折行; zM (zC) – 收起所有折行; zj – 跳到下一个折叠处...g C-g: 统计全文统计部分字数。 15.3 在线帮助 :h(elp)F1 打开总帮助。 :help user-manual 打开用户手册。

2.7K20

vim编辑器

行 p 粘贴剪切板中内容 yy 复制光标所在行 nyy 复制光标开始n行 u 撤销 ctrl + r 反撤销 输入模式: 命令 说明 i 在光标位置插入 I 在第一个非空字符插入 a 在光标的下一个字符输入...A 在行尾插入 o 在光标所在行下面插入空行 O 在光标所在行上面插入空行 s 删除光标所在字符,并进入输入模式 S 删除光标所在行,并进入输入模式 编辑模式:在命令模式下,按 : 键进入编辑模式...:n 将光标定位第n行,n表示行号 若非正常关闭了vim,可能会产生临时交换文件,再次打开时会出现特定界面,可以根据提示进行内容恢复以及交换文件删除,也可以手动将交换文件删除,下次就OK了。..." 搜索时高亮显示被找到文本 set noerrorbells " 关闭错误信息响铃 set novisualbell " 关闭使用可视响铃代替呼叫 set t_vb= " 置空错误铃声终端代码 set...="" set="" foldenable="" 开始折叠="" foldmethod="syntax" 设置语法折叠="" foldcolumn="0" 设置折叠区域宽度="" setlocal="

1K20

说说Python编码规范

如果行长到连第一个括号内参数都放不下,则每个元素都单独占一行: 折叠长行首选方法是使用Python支持圆括号、方括号(brackets)和花括号(braces)内行延续。...函数方法中, 某些地方要是你觉得合适, 就空一行. function 和 class 顶上两个空行 class method 之间一个空行 函数内逻辑无关段落之间空一行,不要过度使用空行 不要把多个语句写在一行.../bin/sh开头文件在执行时会实际调用/bin/sh程序.)#!先用于帮助内核找到Python解释器, 但是在导入模块时, 将会被忽略. 因此只有被直接执行文件中才有必要加入#!...用单下划线(_)开头表示模块变量函数是protected(使用import * from时不会包含). 用双下划线(__)开头实例变量方法表示类内私有....类方法第一个参数必须是self,而静态方法第一个参数必须是cls。

67530
领券