https://www.zhihu.com/zvideo/1380450791975731200
如果你是 Windows用户，安装并重启系统后，你就可以在命令行中使用 code 或者 code-insiders了，如果你希望立刻而不是等待重启后使用，可以将 VS Code 的安装目录添加到系统环境变量 PATH中
目录 介绍 语法提示 代码助手 语法帮助 编辑器与项目管理器的同步 多光标 列选择 着色高亮 文件快速打开 目录内搜索 缩进调整 语法校验 svn/git项目导入 预编译器(less/sass) sass/less插件配置小技巧： 快捷键： 介绍 执着于更快一步的理念，HBuilderX的左侧项目管理器是单击响应而不是双击。 单击展开目录，单击预览文件，双击打开文件。 预览文件时顶部标签卡是斜体的，此时继续预览其他文件会替换预览标签卡。双击文件后标签卡为正体，不会被替换。预览的文件一旦开始编辑
Hello大家好，今天兔妞给大家带来的是一个好物分享——VSCode，这是兔妞经常用的一个软件，为什么介绍它，因为它是最受欢迎的开发环境，它免费！开源！轻量！快速！哈哈，废话不多说，让我们来看看怎样用它提高效率吧～首先介绍一下VSCode的快捷键，然后为大家简单介绍一些前端开发者常用的插件。
Sublime快捷键与常用插件配置总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 Sublime快捷键与常用插件配置总结 1. 快捷键 2. 安装Package Control 2.1 命令行安装： 2.2 手动安装 3. 插件安装卸载
****Shortcut Key Usage**** Shortcut Function Esc 切换到代码编辑状态 F1 查看帮助（选中某一类或函数，按下F1，出现帮助文档） F2 在光标选中对象的声明和定义之间切换（和Ctrl+鼠标左键一样的效果，选中某一类或函数，按下F2，迅速定位到该类或函数声明的地方或被调用的地方） F3 查找下一个 F4 头文件和源文件之间切换 F5 开始调试/继续执行 F9 设置和取消断点 F10 单步跳过 F11 单步进入 Shift + F2 声明和定义之间切换 Shift
本文介绍了Chrome开发者工具的一些小技巧，包括快速编辑HTML元素、快速定位行和列、展开所有子节点、多个光标编辑、触发伪类以及使用$0获取当前元素等。这些技巧可以帮助开发者更高效地调试和优化前端代码。
但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：
Chrome 开发者工具是一款Web开发者们公认的优秀的前端调试工具,本身功能强大，有了这个工具,你可以做很多有趣的事情。
但是作为一个编辑器之神， 却一直保持着一个非常高傲的姿态，不像打开一个记事本，一个智商正常的人瞬间就能明白记事本怎么用，但是打开vim就算是天才自己慢慢琢磨估计一会。
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
本文介绍了Vim编辑器的一些基本操作和技巧，包括模式切换、移动光标、快速跳跃、搜索和替换等。同时，还介绍了一些Vim的插件和扩展，以帮助用户更好地使用Vim编辑器。
实时协作涉及多个用户在共同任务或项目上进行动态和即时的互动。与旧的协作方法不同，实时协作允许团队成员即时贡献、编辑和查看变更。这种即时同步促进了团队的凝聚力，并加快了决策过程，使其成为当代工作流程中不可或缺的工具。引入实时协作功能带来了许多好处：
平常，我们在浏览界面时，会发现鼠标的样式有所不同，鼠标的样式变化和cursor属性有关。cursor属性的几个关键字：default、pointer、wait、help、text、crosshair。
==Ctrl== Ctrl + Y 删除行 ctrl + X 剪切行 Ctrl + N 查找类 Ctrl + R 替换 Ctrl + O 选择可覆盖/继承的方法 Ctrl + F 当前代码（文件）中查找 Ctrl + J 自动代码提示（提示的是自己定义的代码格式） Ctrl + D 复制行或是块(默认是这个意思)(但是我一般习惯改成专门复制行,不包括块,搜索Duplicate Lines) Ctrl + P 方法参数提示显示 Ctrl + W 选中光标所在的单词 ，连续按会有其他效果 (相反的是Ctrl+Shift+W) Ctrl + Q 鼠标放在变量/类名/方法名等上面（也可以在提示补充的时候按），显示文档内容，同类似的功能还有一个Ctrl + Shift + I Ctrl + B 快速打开光标处的类或方法（对于前端支持很好,比如可以直接通过class的name定位到css的文件位置）(等同于ctrl+光标指向) Ctrl + E 最近打开的文件 Ctrl + U 前往父类的方法/父类 Ctrl + K VCS提交项目 Ctrl + T VCS更新项目 Ctrl + G 跳到指定行 Ctrl + H 显示类层次图 Ctrl + F1 显示错误 Ctrl + F3 调转到所选中的词的下一个同名位置 Ctrl + F9 编译 Ctrl - F12 当前编辑的文件中快速导航(可以直接键入字母，IntelliJ IDEA会筛选你输入的来匹配对应是否有的方法，来快速定位)(类似结构图) Ctrl + F11 弹出一个小框来指定式添加书签(可以对文件或文件夹起作用) Ctrl + Tab 编辑窗口切换 (如果在切换的过程又加按上delete,则是关闭对应选中的窗口) Ctrl + delete 删除光标后面的单词 Ctrl + home/end 跳到文件头文件尾 Ctrl + BackSpace 删除光标前面的单词 Ctrl + [ 或 ] 移动光标到块的初/末括号地方 Ctrl + / 或 Ctrl+Shift+/ 注释（// 或者/.../ ） Ctrl + 1，2，3，4.... 快速定位到书签代码处(必须先Ctrl+Shift+1,2,3,4...添加书签) Ctrl + 空格 代码补全提示(因为windows默认被输入法给占用了,可以自己更改下) Ctrl + 小键盘+/- 折叠/展开代码 Ctrl + 鼠标单击编辑窗口的文件标题 弹出该文件路径,可以通过这个打开文件所在地方(相当于Ctrl+alt+F12) Ctrl + 方向左/右 光标跳到上/下个单词 Ctrl + 方向上/下 相当于你用鼠标滑滚轮(为了方便鼠标党) ================================================== ==Alt== Alt + 1 打开/关闭project选项卡 Alt + 这个键是Tab上面那个，按下之后，如果项目有版本控制，则显示常用的版本控制命令 Alt + A 在SVN中把新创建的文件加入进来（自己添加，在Subversion类别） Alt + Q 查看方法的声明(在左上角出现一个Tip层提示)，你无需滚动上去查看 Alt + F1 弹出文件选择目标，这个很好用的 Alt + F2 多个浏览器预览 Alt + F3 选中文本，逐个往下查找相同文本，并高亮显示。 Alt + F7 查看该方法/变量/类被调用的地方 Alt + F8 在debug的状态下，选中某些变量或是对象，按此快捷键弹出可输入变量、方法的调试框，指定查看该内容的debug情况 Alt + Home 跳到文件导航bar Alt + Insert 生成代码(如get,set方法,构造函数等) Alt + 方向键 左 或 方向键 右 切换当前打开的代码文件视图 Alt + 方向键 上 或 方向键 下 在方法间快速移动定位 Alt + 鼠标左键单击不放,拖动 可以直接方块区域选择（很有用） Alt + 回车 快速修复(可以用来导入单个包) ================================================== ==Shift== Shift + F6 重构：重新命名 Shift + F11 查看书签 Shift + F10 Run(运行)当前程序，相当于点击run按钮 Shift + F9 debug当前程序，相当于点击debug按钮 Shift + end 选中从光标到end处 Shift + home 选中从光标到home处 Shift + Enter 光标所在行下空出一行，光标跳下 Shift + 单击 可以关闭文件 Shift + 滚轮 横向滚动轴滚动(非常强大)
针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！
经常在应用需要修改光标，显示点击、显示输入，但是有些元素不是系统的，那么如何设置鼠标？ 本文主要：UWP 设置光标，UWP 移动鼠标
这个是我老早就在用的方法，本不打算分享，因为网上随便都能搜得到，感觉没有分享的必要。鉴于中国博客联盟有朋友问到了这问题，所以还是简单的整理下，希望能帮到部分不了解 placeholder 属性的强迫症
就是用例的名字，没法进行更改。新建的用例也只会变成空名字，没法更改很难受，这个问题困扰很多同学一段日子了。今天我们来快速实现这个功能。
最重要的功能就是 F1 或 Ctrl+Shift+P 打开的命令面板了，在这个命令框里可以执行VSCode的 任何一条命令，可以查看每条命令对应的快捷键，甚至可以关闭这个编辑器。
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
1. 文件快速导航： 这是sublime上面很好用的功能之一， ctrl+p可以调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，可以在已打开的项目文件夹中进行快速文件名导航，而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便， 并且在该窗口里加上:前缀即为行跳转(ctrl+G)， 加上@(ctrl+R)前缀在html里是id 关键字导航，css里是每条规则导航，js里则是每个function导航。 2. 命令行模式 ctrl+` 可以调出命令行
作者：P_Chou 来源：见文末 转眼上vim的“贼船”有一年多了。从PHP到C，都在用。想要真正用vim于日常的编码工作，必然需要一些插件的支持。不过本文并不打算总结插件，笔者认为 vim 的两个精髓：组合和重复跟插件也没有什么关系。 命令模式应该是常态 在大多数编辑器中，相信大家都喜欢敲几个单词就 “保存（ctrl+s）” 一下。而在 vim 中，保存是:w，而且需要在命令模式下进行。因此，往往要按Esc:w多达三个键才能保存。很多初学者十分诟病这个设计。事实上，经常使用Esc切换到命令模式才是
element-ui 2.13.1 （使用到element-ui message组件,提示错误消息,如果不想安装该组件，替换编辑器中的this.$message所在行函数代码即可）
Sublime Text 是一款代码编辑器，其具有漂亮的界面和强大的功能，如：代码缩略图，Java、JavaScript、Python语言插件，代码段补充等并且Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
nodejs作为一个轻量级的服务端环境语言,提供了大大的便捷,这里提供一下nodejis环境的搭建以及第一个nodejs程序!
现在, 我们来实现这个feature: 当鼠标hover到编辑器边缘的六个控制点(SizeControlPoint)上时, 鼠标形状随之变化
上一节我们讲了display的inline-block属性，但是我们在工作中很少用，因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。 display的属性none lesson3.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Css</title> <meta name="keywords" content="key1, key2"> <meta nam
上一节我们讲了display的inline-block属性，但是我们在工作中很少用，因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。
相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,然而工欲善其事必先利其器,好的工具就是成功的一半,最近一直都在想着,怎么样提高自己的效率,如果总是复性的劳动一件事情,时间久了,觉得是毫无意义的,让自己远离刀耕火种的时代,提高效率,同时也是为了减少手残腰椎痛(说得好像不是搬砖的,可是我依旧是个搬砖的),那么今天就我平时的使用跟大家分享一款自己喜欢编辑sublinmeText3,本文适合小白,有志于解脱鼠标手崇尚键盘侠的键客,对于它的使用和学习,我也一直在摸索中,初学者学习笔记使用心得,希望对正在路上的你有些用…
一个开发平台，像java开发平台一样，使用编程语言，javascript,基于chrome V8引擎构建
也许你收藏了千篇万篇VS Code快捷键，很可惜却没能记住他们，是因为你没有实际操作过，英文不好没关系，你真正需要的是让你双手指尖的肌肉增加一些记忆。
上一节我们初步完成了拖动选中文字的feature，不过还遗留了一些 edge case。这篇文章我们来处理它们。
点击上方蓝色“程序猿DD”，选择“设为星标” 回复“资源”获取独家整理的学习资料！ 前言 最近天气变冷，就想着和以前的老友聚一聚，大家吃吃火锅喝喝小酒，怀念当初一起加班编码的日子。有位已经退居二线不在一线开发岗位的老友跟我自嘲到，“现在刚入职的年轻人都喜欢用VS Code,仿佛我这种喜欢用Eclipse的像老古董一样~”。先不说这VS Code和Eclipse是否合适进行比较孰优孰劣，现状就是越来越多的人喜欢用VS Code，因为更轻便，对插件扩展的支持更丰富。很多人想必对VS Code都有自己的独门使用
然后，在CanvasTextEditor中添加函数createBlinkingCursor，暂时将光标绘制在最后一个字符后面。
Node.js是是一个强大的JavaScript运行时环境，建立在Chrome的V8 JavaScript引擎上，让你能够在服务器端运行JavaScript。
最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。
主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：
http://www.cnblogs.com/jikey/archive/2012/01/16/2323590.html
希望能对Canvas绘制出来的图像进行点击、拖拽等操作，因为Canvas绘制出的图像能很好的美化。好像是想做炉石什么的游戏，我也没玩过。 Canvas在我的理解中就好像在一张画布上绘制图像，它只能看到却“摸”不到，那要如何进行操作呢。我不知道网上是怎么做的，这里用自己的想法做了个DEMO分享给大家。 思路： 虽然Canvas不能拖拽，但div可以拖拽，那怎么把二者结合起来呢。初步想法是将一个与Canvas图像大小差不多的div覆盖在其上，在拖拽div时将获取的光标坐标修正后传给Canvas绘制函数并刷新图像
俗话说，工欲善其事必先利其器，我们码农的器是什么尼？没错，就是我们亲爱的IDE，前端开发者最爱的编辑器应该是vscode了吧。但是我们要怎么去锋利它尼？不外乎就是熟悉它的使用方法、快捷键以及第三方的插件。接下来，我整理了一些vscode常用的快捷键以及常用插件，希望可以帮助各位码农锋利自己的武器。 快捷键器篇 窗口文件相关快捷键 新建文件
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
H7-TOOL所有资源汇总（含操作手册）： http://www.armbbs.cn/forum.php?mod=viewthread&tid=89934 PC机软件：升级PC软件到V2.1.
一. 理解鼠标事件.之前对鼠标事件的认识仅仅局限于处理控件的单击与双击事件.但实际鼠标的操作包含很多.这里将以一个画图的小程序讲解对鼠标的响应.
之前介绍过众多的motion，根据移动范围来排序的话有 l、e、w、j等等，但是面对那么长的代码文件，仅仅使用这几个简单的motion不知道要移动多少次才能找到我想要的代码，这个速度有时候还不如我用鼠标移动光标。vim作为编辑器之神当然提供了快速移动光标的方式了，这篇文章我们就来了解一下如何使用vim在代码间进行快速跳转。
富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现一个类似Word的富文本编辑器，话不多说，开始吧。
v-model="变量"，变量值与表单的value相关，placeholder属性是input框的默认值，v-model可以实现数据的双向绑定，变量的值可以影响表单标签的值，反过来标签的值也可以影响变量的值。
👆点击“博文视点Broadview”，获取更多书讯 又到一年毕业季，你的论文定稿了吗？很多小伙伴在进行论文排版时，总会遇到各种各样的问题，本文就来手把手教大家如何从头开始给自己的论文排一个好看的版式！ 排版思维及页面设置 论文排版的顺序和书写的顺序不完全相同。 论文排版主要包括：前置部分（封 面、诚信书、致谢、摘要及目录）、正文、参考文献和附录。 小贴士 较为高效的排版方法是，在书写的过程中完成正文的排版。然后进行参考文献、附录的排版，最后添加前置部分，即封面、目录等。 在调整文本之前，一定要先做好页面
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
