今天周男神上完课了，分享了他的Code 打开VSCode的时候发现更新了，先看看更新内容 https://code.visualstudio.com/updates/v1_59 关于更多相关资料，可以看...对笔记本布局进行了一些改进： 当单元格折叠时，单元格输入的第一行现在被渲染。 当窗口的宽度不足以呈现所有主要操作时，笔记本编辑器工具栏上的操作将移动到溢出菜单 ( ... ) 中。...就是这个设置的选项 @tag:notebookLayout ---- 这个设置的页面可以 工具栏上的文本提示 看字，配置复制相对路径的路径分隔符 新设置explorer.copyRelativePathSeparator...默认情况下，禁用此设置以保留当前行为。如果你在侧面打开编辑器并稍后关闭该编辑器组，只是为了再次打开编辑器到侧面，则不会恢复视图状态，因为您正在打开一个新的编辑器组。...在折叠区域之间导航，需要自己绑定 有一些新命令可以将光标位置设置为相应的折叠： 转到下一个折叠( editor.gotoNextFold) 转到上一个折叠( editor.gotoPreviousFold
先安装vscode, 然后在扩展中搜索python. ? 基本操作 在编辑器中，如果自动提示代码和错误提示，是再好不过的了，Python插件自带的Pylint功能会提示你。 ?...我们要记住几个常用的快捷键， 首先是F1/Ctrl+Shit+P万能键 Ctrl+P：文件切换 Ctrl+空格：自动提示 F12/Ctrl+左键：跳转到定义 Shift+F12：预览定义 Ctrl+G...注意，VSCode默认在调试后，会停在第一句，如下图。 调试快捷键与VS基本相同。 F5：调试/继续， F10：单步跳过， F11：单步进入， Shift+F11：跳出。 F9：切换断点 ?...资源管理器中也用不同颜色和标记提示修改的文件。如图： ? 想要提交时，只需要切换到左侧源代码管理，Commit就行了。 ?...配置yapf 安装yapf之后在VScode中按Alt+Shift+F即可自动格式化代码 打开命令行 输入 "pip install yapf" 安装yapf成功后，打开VScode，文件->首选项->
大多数 PKM 工具可以帮助你创建笔记，但一旦你的知识库达到某个阈值，就会想办法去检索它们。该阈值因工具而异，但几乎所有内容基本上在超过 10k 笔记后停止工作了，除非用户非常勤奋地组织他们的知识。...创建时自动将通用模板应用于笔记 导航 使用反向链接探索关系 导航到注释、标题和任意块 使用图形视图可视化你的知识库 重构 重组你的知识库而不破坏链接 使用任意的重构词重新命名单个笔记或重构内容 重命名和移动笔记中的各个部分...注意：在 Dendron 中，你可以使用查找提示查找或创建注释 整理笔记 再次弹出查找提示 使用 键导航到当前文本光标的末尾并键入 .one，然后` 这样你刚刚就创建了第一个层级！...注意：带有 [[]] 的链接称为 wikilinks（因为它们最初是由 Wikipedia 普及的），如果将鼠标悬停在链接上，可以预览便签中的内容。...导航链接 将文本光标移动到便笺上，然后使用 +/+，同样还可以使用 CTRL+CLICK 或 CMD+CLICK通过鼠标导航链接 上面这些只是 Dendron
rc.local grep num /etc/rc.local || echo " [ -x /usr/bin/numlockx ] && numlockx on " >> /etc/rc.local 开发工具...p 输入 "ext install python" 常用的几个操作快捷键，估计VSer们都能无痛转换： 首先是F1/Ctrl+Shit+P万能键，谁用谁知道 Ctrl+P：文件切换 Ctrl+空格：自动提示...F12/Ctrl+左键：跳转到定义 Shift+F12：预览定义 Ctrl+G：跳转行号 Ctrl+/：注释切换 Alt+↑↓：整行上下移动 Ctrl+↑↓：编辑器垂直滚动条上下移动，光标不动 Ctrl...+Backspace/Delete：整词/连续空白删除 Ctrl+→←：光标整词移动 Ctrl+F查找/Ctrl+Shift+F在文件中查找 调试操作 随时随地，F5调试运行。...注意，VSCode默认在调试后，会停在第一句 F5：调试/继续， F10：单步跳过， F11：单步进入， Shift+F11：跳出。 F9：切换断点
前言 大家好，上一篇一文读懂 系列的文章中我们介绍了前端的代码格式化校验工具ESLient。代码格式是进行自动校验了，但你还要一个个的微调，很麻烦不是吗？...本文介绍和ESLient配合使用的Prettier实现编译器自动将代码格式化。 同时也介绍VsCode的 setting设置，分享我开发时常用的配置。...但是光有Prettier还不够，因此我们接下来需要在vscode中的setting设置使用Prettier为自动格式化工具。...，使光标移动时更加顺滑。...editor.hover.sticky true 使得代码提示信息在鼠标悬停时不自动消失。 explorer.confirmDelete false 禁用删除文件时的确认提示对话框。
工具准备 提示 在开发前，建议关闭所有功能性扩展，以防止部分日志输出与调试效率。...如果还不行，那么很有可能就是代码报错，但日志输出并没有，那么在弹出的新窗口中打开开发人员工具（Ctrl+Alt+I 或帮助 → 切换开发人员工具），这里有报错相关的提示信息。...[snippetCompletion] } // 光标选中当前自动补全item时触发动作 public resolveCompletionItem(item: vscode.CompletionItem...只要在 json 文件中，将鼠标悬停在kuizuo这个词中即可触发，试试看看。...不过当你填错命令 id 的时，vscode 还会提示命令 id 不存在，而不是不知道报错点。
在托管代码中将看到一个对话框，询问你是否希望在自动跳过属性和运算符时收到通知（默认行为）。 若稍后想更改设置，请在“调试”下的“工具”>“选项”菜单中禁用“单步跳过属性和运算符”设置。...05 导航代码（使用鼠标快速运行到代码中的某个点） 在调试器中，将鼠标悬停在代码行上，直到“运行到单击处”（将执行运行到此处）按钮 ? 出现在左侧。 ?...此命令将启动调试并在当前代码行上设置临时断点。 ? 如果设置了断点，则调试器会在其命中的第一个断点处暂停。 按 F5，直至到达在其上选择了“运行到光标处”的代码行。...09 使用数据提示检查变量 在调试器中暂停时，将鼠标悬停在对象上并看到其默认属性值。通常，当尝试调试问题时，通过此方式可以试图找出变量是否存储了期望它们在特定应用状态具有的值。 ?...10 使用“自动”和“局部变量”窗口检查变量 调试时，查看代码编辑器底部的“自动”窗口。 ? 在“自动”窗口中，可看到变量及其当前值和类型。
光标的颜色 keyboardAppearance Brightness 键盘的外观，仅在iOS设备上支持 onTap GestureTapCallback 点击输入框时的回调 enabled bool...这时候可以将装饰器设置为InputDecoration.collapsed(hintText: 'hint')表示禁用装饰线 输入校验 TextInputFormatter inputFormatters...color Color 按钮颜色 disabledColor Color 禁用按钮时颜色 focusColor Color 获取焦点时按钮颜色 splashColor Color 水波纹效果的初始化颜色...hoverColor Color 当指针悬停在按钮上时的填充颜色 highlightColor Color 水波纹的高亮颜色 elevation double 阴影高度 hoverElevation...double 指针悬停在按钮上时的阴影 focusElevation double 获取焦点时的阴影 highlightElevation double 高亮时的阴影 disabledElevation
工欲善其事必先利其器，趁手的工具会使我们开发事半功倍。...成对的括号（大括号，小括号）颜色相同，这在代码多层括号嵌套时显得尤为重要。...0为光标的最终位置，1,2,3...决定了光标的顺序位置； default name是默认值，可按下Tab不编辑直接跳过。...我遇到过以下几种情况，编辑器会重载的 编辑器很卡，代码格式化失效 编辑器很卡，代码提示没了 编辑器莫名其妙的变成英文的，虽然不影响使用，但是看着别扭 编辑器升级，自动重启 按装或者卸载了插件，启用或者禁用了插件...，需要重新加载 以上这些情况都会重启编辑器，导致在编辑器内启动的命令行工具跟着重启，所以不建议在命令行内启动项目服务 插件安装要谨慎，不要装太多，只安装你需要的，装的太多，会拖慢编辑器，安装时留意一下插件的下载量
VSCode 的特点 使命是让开发者在编辑器里拥有 IDE 那样的开发体验，比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等。...也就是说，你在书写 JS 和 TS 时，是自带智能提示的。当然其他的语言，你可以安装相应的扩展包插件，也会有智能提示。...自动保存 方式1.在改完代码后，默认不会自动保存，此时你可以在设置项里搜索 files.autoSave , 将配置项修改为 onFocusChange 之后，那么当光标离开该文件后，这个文件就会自动保存了非常方便...0x03 VSCode 插件 描述: VSCode 有一个很强大的功能就是支持插件扩展，此处作者将介绍在实践开发中常用的VScode插件，帮助我们提示工作效率以及辅助我们疯狂的Code，让你的编辑器更加强大...温馨提示：按下Ctrl+Shift+x进入到扩展界面，在搜索插件时顺序越靠前(下载量)说明越实用。
他就是vscode. 我一向是对微软的东西不太感冒的。傻瓜式，大而全，慢。 唯独这个工具彻底改变了我的看法。...对于编辑器来说，要能设置漂亮的界面，能够代码提示和自动补全，能够支持各种语言和代码检查，能够方便快捷的操作。 感觉VScode就是集成了各种编辑器的优点。...Npm Intellisense NPM 依赖补全，在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成，会提示已安装的模块名 Path Intellisense 文件路径补全，...在你用任何方式引入文件系统中的路径时提供智能提示和自动完成 VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2) HTML Snippets 各种 HTML 标签片段...，可简写 IntelliSense for CSS class names CSS 类名补全，会自动扫描整个项目里面的 CSS 类名并在你输入类名时做智能提示 jQuery Code Snippets
例如电话输入，允许用户输入空格和 —，系统后台自动清理数据以满足格式要求，而不是报错提示。...·允许通过点击增加/减少按钮，键入数字，使用键盘快捷键（上/下，页面上/下）改变数值。 ·为步进器设置最大和最小值。达到最大/最小值时，增加/减少按钮和上/下键盘将被禁用。...当输入不规范的字符时清除或显示最小值，输入的值超过最大值则显示为最大值，并显示工具提示说明输入范围。 当用户输入不合格的值，再未键出的情况下滑出步进器的视图区域点击保存，如何更好的提示报错？...对于书写及阅读习惯从左向右的人群而言，值的范围一般为左小右大，上大下小。 ·如果你不允许滑块选取任意值，请使用分段的步骤点。 ·如果滑块可编辑，当鼠标悬停在手柄上时，手柄高亮显示，并出现手型光标。...·当滑块上没有其实时显示滑块值的地方时，请使用值标签显示滑块的当前值。 ?
VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。...安装后，会自动写入环境变量，终端输入code即可唤起VsCode应用程序。...alt + shift + 单击左键 同一列所有位置添加光标 alt + shift + 鼠标选择 选择相同开始和结束的区域 image.png alt + 上键或下键 将当前行或者选中的区域上移/...image.png 补充知识点：VsCode的TS版本说明 vscode本身内置了对ts的支持 vscode内置的ts版本（即工作区版本），仅仅用于IntelliSense（代码提示），工作区ts版本与用于编译的...这里演示New extension image.png 根据提示依次选择 image.png 生成的内容如下 image.png 按F5生成编译项目，此时会自动打开一个新窗口 在新窗口按Ctrl+
考虑到有些插件对于一些新手来说暂时用不上，因此我将分为 前端新手→前端程序员→前端工程师 三个阶段来推荐需要安装的插件。...5.Prettier – Code formatter 代码格式化工具，代码自动格式化。...在setting中配置保存时自动格式化代码： “editor.formatOnType”:true, “editor.formatOnSave”: true 如果安装了vetur...9. px to rem px自动转成rem 10.Easy LESS 自动将less文件生成css 11.Image preview 用来检查图片是否正确引入。...具体配置要看这个博客：https://blog.csdn.net/liuarmyliu/article/details/107370535 20.Power Mode 能够在打代码时产生特效，不过光标会左右震动
俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。...必备插件 Auto Close Tag - 自动闭合 HTML 标签 Auto Import - 自动 import 插件 Auto Rename Tag - 修改 HTML 标签时，自动修改匹配的标签...Icon Theme - icon 样式，很好看 npm - 运行 npm 命令 npm Intellisense - 导入模块时，提示已安装模块名称 open in browser - 在浏览器运行当前页面..., // 控制是否在键入时自动显示建议 "editor.quickSuggestions": { "strings": true }, // 每次保存的时候将代码按 eslint 格式进行修复...跳到当前行的头部，尾部：Fn+←（Cmd+←），Fn+→（Cmd+→） 跳转一个单词：option+←，option+→ 插入多光标：Option+click或Cmd+Option+up/Cmd+Option
IntelliJ IDEA禁用断点 调试器会话 智能开始 有时使用 IntelliJ IDEA 会发生这样的情况：你停留在一行代码上上，并希望进入一个特定的方法，但不是直接调用第一个方法。...IntelliJ IDEA拖放框架 在调试工具窗口参考描述了 图标。 运行到光标 有时您需要恢复程序并在另一行代码中停止，而不添加另一个断点。...IntelliJ IDEA运行到光标 在调试工具窗口的工具栏参考中描述了该图标 。...Drop Frame (默认无)：回退断点,后面会详解 Run to Cursor (Alt + F9)：运行到光标处，可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点...断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？
需要注意的是，一般情况下不需要手动设置ToolTip控件的Active属性，因为它会根据控件的状态自动激活或禁用。...控件也会自动禁用，不会显示提示信息。...AutomaticDelay：自动延迟，表示鼠标悬停在控件上时，提示信息显示的延迟时间，默认值为500毫秒。...1.5 ShowAlwaysToolTip控件的ShowAlways属性是一个bool类型的值，用于指定当用户将鼠标悬停在控件上时，提示框是否始终显示。...工具栏提示：在Winform窗体中使用工具栏时，可以通过ToolTip控件在鼠标悬浮在工具栏按钮上时，显示该按钮的功能描述，帮助用户更好地使用工具栏。
Auto Rename Tag 前端神器，自动修改标签名，当我们修改一个标签时，自动修改对应的右侧标签。...Jslint JSLint，JavaScript lint 工具，前端党必备。 jupyter vscode 中支持 jupyter，和 Python 插件对 jupyter 的支持类似。...将ESLint集成到VS Code中。...classname JavaScript (ES6) code snippets ES6代码提示 JavaScript Booster 当在JavaScript（或TypeScript/Flow）中编辑代码时...Vue VSCode Snippets Vue代码提示 VueHelper 支持Vue快捷编辑，很方便 YAML 红帽的YAML语言支持 picgo 图床，支持markdown粘贴图片自动上传并生成链接
想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。...但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code……等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐...每120行就显示一条线 "editor.rulers": [ ], // 在使用搜索功能时，将这些文件夹/文件排除在外 "search.exclude": { "*...4、Auto Rename Tag 自动修改匹配的 HTML 标签。 5、Path Intellisense 智能路径提示，可以在你输入文件路径时智能提示。...首先要想在不同的设备间同步你的插件, 需要用到 Token 和Gist id Token 就是你把插件上传到 github 上时, 让你保存的那段字符，Gist id 在你上传插件的那台电脑上保存着。
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
