,按快捷键Ctrl+Shift+P,输入 configure language Settings Sync(配置同步到云端) 可以让我们的vscode配置同步到云端,当我们跟换电脑或者再次安装...里面打开浏览器) 可以在vscode里面打开浏览器,一边编码一边查看 REST Client(接口调试) 可以在vscode里面进行接口调试,提供丰富的api配置方式,让我们不用离开编辑器也可以随时调用接口调试...) 在Visual Studio Code中查看和管理GitHub拉取请求和问题 Git Graph(Git 图形化显示和操作) GitLens(快速查看更改行或代码块的对象...、美化 (黑白两款皮肤) vscode-icons(漂亮的目录树图标主题) 提供了非常漂亮的目录树图标主题 Beautify(右键鼠标一键格式化) 在代码文件右键鼠标一键格式化...丰富的快捷键,边写边看,轻松转化为html或pdf文件 vscode-drawio(画流程图) 可以在vscode里面快乐的画流程图,新建 .drawio 后缀文件并拖入vscode中 Polacode
网页会自动检测你的操作系统,所以你只需要点击蓝色的下载按钮: 在Mac上,会下载一个ZIP文件,你可以将应用程序解压并拖动到Applications文件夹。...所以我们需要安装相应的插件。 下载主题(可选) 我喜欢在 VSCode 中做的第一件事就是现选个漂亮的主题。...Python docstring 生成器 编写好的 Python 代码的一个重要工作就是编写好的注释。在VSCode中我们可以安装 Python Docstring Generator 扩展。...在 VSCode 中启用 linting 可以自动判断我们的代码是否遵循 Python 约定并生成报告。例如会告诉你是否有已导入但未使用的模块,或者是否有任何需要改进的代码。...它现在提示你已经导入了 json 但没有在文件中使用它: 删除未使用的导入后,该消息就消失了。 linter 可以帮助您编写更好的 Python 代码,并确保遵循所有约定。
搭建开发环境 在开始之前, 我有不成熟的小建议,以下内容可以不看,仅供参考!!!所谓:工欲善其事,必先利其器,写Threejs代码之前,需要先准备用于Threejs学习的开发环境。...安装NodeJS安装Vscode安装静态服务器(不想搞可以不搞)安装NodeJS请自行百度~~~安装Vscode在Web3D开发中,代码编辑器的选择取决于个人喜好。...仅代表个人推荐使用 VSCode 作为代码编辑器。如果你对VSCode不熟悉并希望安装和使用它,请自行百度,如果有坑,请骂他垃圾~如果你有喜好的代码编辑器。...,请仔细阅读,按步骤操作,如果不成功,请从自己身上找原因,不要骂博主是菜鸡,感谢您的配合。...如果可能的话,尝试切换到另一个网络,例如从 Wi-Fi 切换到有线连接,或者更换 Wi-Fi 网络。✔️ 请确保你的 NPM 配置中设置了正确的代理设置。
如果你正在寻找更多的好用的 VsCode 工具,那么这篇或许能够帮助你。以下是 2019年为 JS 开发者提供的26个不可思议的VSCode工具。 1....Project Snippets (代码片段) project snippets,这是我最喜欢的一个工具,它来自于 VSCode 中内置的原始用户代码片段。...咱们仍然能够利用大部分ESLint的规则和兼容性与更漂亮使用新的设置。 6. Stylelint 对我来说,出于以下几个原因,stylelint 在我所有的项目中都是必须的: 它有助于避免错误。...Import Cost Import Cost 可以显示咱们在VS代码编辑器中导入的程序包的大小。 ? 10....GraphQL for VSCode GraphQL一直在发展,咱们经常可以在 JS 社区中看到它的身影。因此,最好开始考虑在 VSCode中安装 GraphQL for VSCode。 ? 13.
Material Theme Auto Import 在写Java时,通常我是直接在代码中写出类名,然后使用IDEA自动导入相应的包的,但是使用VSC时没有这个功能,这个问题就让我很困扰,这意味着作为高级...ST3 你可以使用command+P来唤起命令窗口,然后输入>开始像在ST3中那样操作。...这种插件我在IDEA中也会用,可以极大的提高读代码的效率。 ?...你想直接通过图标看出某个文件的文件格式吗?Vscode-icons插件来帮你实现。 它会让文件的icon更加友好,也可以下载一些你喜欢的icon。 ?...Vscode-icons 以上就是我常用的一些VSCode的插件。喜欢的同学可以直接去市场下载体验。这些插件可能大部分都是用于提升读代码,因为我最近也是读代码比较多。
大家好,我是一行 今天给大家推荐一个非常精美的终端工具 - Rich Rich 是一个 Python 库,可以为你在终端中提供富文本和漂亮、精美的格式。...# 2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: Windows 环境 打开 Cmd (开始-运行-CMD)。...Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在Python实用宝典公众号后台回复 rich示例 下载全部示例。
它默认匹配 ()、[] 和{}等普通括号,但如果需要你也可以定义自定义括号。 它还有其他许多很酷的功能,例如定义颜色或为活动括号显示装订线之类。值得尝试一波。...这可以提供很多帮助,尤其是当你的项目变得很大,并且在 package.json 中包含很多依赖项时。我不想再错过这个插件了,强烈推荐!...我仍在不时使用静态网站和标准 JavaScript,而且这样做的时候我不想安装诸如 webpack-dev-server 之类的东西。...它们是 VS Code 的两个小插件,可通过自动重命名和关闭标签来帮助你维护 HTML 文件。这也适用于 React 自己的 JSX 语法。如果你想节省一些时间,请尝试一下。...我用 Markdown 做很多事情。例如,在 hashnode.com 或 dev.to 上写文章,为我的私人项目写文档,或者在 markdown 中写笔记来理顺自己的想法。
live server 前端神器,可以在 vscode 中预览编写的网页。...只需在模板或CSS/SCSS中声明类,然后在任何地方都可以看到它。...Browser Preview,在vscode中实现预览调试 Settings Sync 上传和拉取 vscode 可以快速完成配置,自动安装相关扩展 搜索扩展并安装Settings Sync 拉取公共配置文件和扩展...搜索安装即可或点开安装GitLens Import Cost 计算 imports/requires 的大小显示在包后面 安装 Import Cost 目前支持: 默认导入:import Func from...取消注释当前文档中由扩展名插入的所有日志消息的全部操作是按alt + shift + u 从当前文档中删除所有由扩展名插入的日志消息 要从当前文档中删除所有由扩展名插入的日志消息,只需按alt + shift
Rich 是一个 Python 库,可以为你在终端中提供富文本和漂亮、精美的格式。 使用 Rich API 可以很容易的在终端输出添加各种颜色和不同风格。...# 2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: Windows 环境 打开 Cmd (开始-运行-CMD)。...Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: ? 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: ? 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在Python实用宝典公众号后台回复 rich示例 下载全部示例。
Rich 是一个 Python 库,可以为你在终端中提供富文本和漂亮、精美的格式。 使用 Rich API 可以很容易的在终端输出添加各种颜色和不同风格。...# 2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: Windows 环境 打开 Cmd (开始-运行-CMD)。...Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在Python实用宝典公众号后台回复 rich示例 下载全部示例。
Rich 是一个 Python 库,可以为你在终端中提供富文本和漂亮、精美的格式。 使用 Rich API 可以很容易的在终端输出添加各种颜色和不同风格。...2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: 1. Windows 环境 打开 Cmd (开始-运行-CMD)。 2....Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在公众号Python小二后台回复 rich示例 下载全部示例。
Rich 是一个 Python 库,可以为你在终端中提供富文本和漂亮、精美的格式。 使用 Rich API 可以很容易的在终端输出添加各种颜色和不同风格。...2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: Windows 环境 打开 Cmd (开始-运行-CMD)。...Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在Python实用宝典公众号后台回复 rich示例 下载全部示例。
# 2.Rich 安装说明 请选择以下任一种方式输入命令安装依赖: Windows 环境 打开 Cmd (开始-运行-CMD)。...Python脚本程序中,你只需导入 rich print 方法,该方法和其他 Python 的自带功能的参数类似。...以下是效果示例: 这些列可以配置为显示你所需的任何详细信息。 内置列包括完成百分比,文件大小,文件速度和剩余时间。下面是显示正在进行的下载的示例: 它可以在显示进度的同时下载多个 URL。...要自己尝试一下,请参阅示例文件中的 examples/downloader.py ,在Python实用宝典公众号后台回复 rich示例 下载全部示例。...为了渲染 markdown,请导入 Markdown 类,将其打印到控制台。
所以让我在 Taro 和 uniapp 之间抉择了一段时间,最终还是尝试选择相对熟悉的 uniapp 来进行开发。...组件库 uniapp 官方中提供了一个 uni-ui 的组件库,但有一个 uniapp 相对知名的组件库 uview,并且相对前者来说更易上手实用,但当我尝试用 HBuilderX 导入时,却出现下方提示...在社区中也搜到了 ThorUI 组件库 但貌似需要会员收费,果断放弃且没有测试。 然后想到 Taro 中还有 nutui,于是我便开始尝试了一下,不出所料,支持 Vue3 组件库,肯定是支持的。...但还需要做以下操作 安装 sass vite 要支持 sass 只需要安装 sass 的依赖即可 npm install sass 允许 js 文件 由于使用了 ts,如果项目中存在 js 文件,将会警告.../html5plus -D 但发现对于 uni-ui 组件库的代码提示并不友好,大概率是需要局部引用组件,我这里并未使用npm 包的方式导入,而是采用官方的 uni_modules,不过组件库的代码提示的问题不是很大
技术背景 笔者尝试过不少编程环境搭建的方案,例如常见的Ubuntu、Deepin、CentOS,也用过很多人力荐的Manjaro,这些发行版在需要办公的条件下,一般都需要结合Windows双系统使用。...配置Docker环境 安装WSL2 在应用商店里面直接搜wsl2,找一个稳定版本下载安装,我选择的是Ubuntu20.04: 下载Docker桌面版软件 去Docker官网下载一个Win11版本的Docker...,按照顺序操作即可: 这就开始启动安装程序了: 安装完成后,可以在“用户-用户名-.docker”目录下找到daemon.json配置文件: 在这个文件中你可以配置一些你自己需要的镜像源,比如我这边配置了几个不同的镜像源...这里推荐三个跟Git相关的扩展插件:GitLens、Git Graph、Git History: 这几个插件可以把`git diff`的功能可视化,编辑界面更加漂亮和方便一些: 还可以把git相关的一些操作如...就可以使用apt install libxxx-1来安装相关的软件库。当然,这些相关的操作可以直接保存到镜像中,或者是通过修改Dockerfile来直接构建一个可用QT的基础镜像。
以下是我将介绍的 VSCode 插件: Settings Sync Live Server Remote SSH Prettier Bracket Pair Colorizer Auto Rename...在开始左右安装插件之前,最好知道Settings Sync的存在。...Bookmarks 为你的代码添加书签,尽管 VSCode 有行号,但Bookmarks允许你在代码中添加书签,帮助你快速导航并轻松来回跳转。...Import Cost 是一个 VSCode 扩展,可以内联显示导入包的大小,因此你可以确切地知道在开发过程中导入该包的成本是多少。...此扩展旨在通过在编写代码时在 IDE 中显示运行时值来加快开发速度,因此你可以专注于编写代码,而不是仅仅为了尝试新事物而构建自定义配置。
在本文中,我就将为大家介绍一些可以为前端开发人员提高开发效率的VSCode自动化技巧。 Live Server 一般情况下,当你在VSCode修改代码后,你需要手动刷新浏览器才能看到效果。...这个扩展需要你在本地或全局电脑上安装ESLint,你只需运行npm install eslint即可。 以下是ESLint的一个演示 ? 当你的代码量较小时,上面这个错误还是很明显的。...但如果你的代码超百行。通过运行ESLint,您可以快速识别代码中的问题,以提高代码的完整性和质量。...Pre-Commit Hooks 到目前为止,我已经讨论了VSCode中不同的扩展,你可以使用这些扩展来提升你的生产力。作为本文的最后一个提到的部分,我将讨论pre-commit hooks。...在这篇文章中,我只是列了一部分你可能在VSCode中使用的不同扩展和方法,这些扩展和方法将提高你的生产力,使开发过程自动化。如果你发现其他值得分享的扩展插件,请在下面的评论中提及它们。
---- 在 Jekyll 中使用 Rouge 语法高亮插件 Jekyll 中的 __config.yml 文件记录了 Jekyll 的最核心配置。...$ gem install rouge 安装之后,使用以下命令查看自带的样式有哪些: $ rougify help style 随后得到的输出中可以得知样式有很多种。...于是我尝试了一些,并贴出了我的 C# 代码在 Rouge 自带语法高亮主题下的效果。 一般来说很难找到一种语法高亮适用于各种语言,所以选择的时候推荐选一个差不多的,然后再慢慢改。...以下每张图片的后面都标注了这种风格主题再 rouge 中的名称,使用上一节中提到的命令可以生成语法高亮样式。 ? ▲ github 需要额外设置前景色 #24292e ?...▲ base16 我修改的样式 我发现我以前的样式与 monokai.sublime 是很接近的。这应该算是巧合,因为此前我是仿我的 VSCode 主题 One Dark Pro Vivid。
安装和设置 要在本地机器上设置Thunder Client,请按照以下步骤进行操作: 在代码编辑器中打开VSCode扩展部分。...这将打开一个新窗口,显示在VSCode中安装的扩展和推荐的扩展,并提供一个搜索栏来找到所需的扩展。...要实现这一点,请按照以下说明进行操作: 在下一组字段中,选择“设置环境变量”下拉选项(操作将自动变为“设置为”)。 在左侧输入框中输入 json.token 。...要实现这一点,请按照以下步骤操作: 在您的集合中创建一个新的请求,或选择一个现有的请求来添加身份验证。 导航到请求编辑器的身份验证选项卡。 在Bearer Token字段中输入 {{token}} 。...例如,如果我们希望在输出中只看到请求头、请求体和响应体,我们可以执行类似以下命令的操作: tc 'requestNameOrId' --log 1,2,7 例如,要仅获取请求和响应头,我们可以运行以下命令
介绍 在本教程中,我们将在Ubuntu 14.04上安装Mailpile,一个快速,安全,漂亮的Webmail客户端。...在本教程结束时,您将拥有一个运行Mailpile的全功能CVM,其中Nginx作为反向代理。 在整个教程中请记住,Mailpile仍处于测试阶段,这意味着您可能会遇到错误和其他困难。...第二步 - 配置Mailpile的要求 在本节中,我们将安装和配置Mailpile的要求。 首先,让我们安装pip。...但实际上,它会尝试重定向到尚不存在的东西。...登录后,您将看到以下屏幕: 尝试向您添加到Mailpile的帐户发送和接收测试电子邮件到其他电子邮件帐户。如果成功,您将知道Mailpile正在使用您的电子邮件地址。
领取专属 10元无门槛券
手把手带您无忧上云