注意：您必须安装 Debugger for Chrome. 如果值为true，请启动Live Server并从“调试窗口”中选择“附加到Chrome”以开始调试。...规则目录 规则:箭头返回简写 可调用类型 类名 注释格式等 json的可读性是很好的了,基本是见名知其义.自己研究一下 可以这样辅助的看一下,就是有一些非人类 ts配置文件,也是json文件.同上....(lib) 资源映射 根目录 执行选项,看不懂了... md文档,可以一看 这个里面是一些描述性的配置?我其实现在还没有看官方的插件编写规范 有一些我看不懂....平台 GitHub忽略目录 测试目录,数字是变更点.有九个 我们打开一个ts文件,虽然没有学过但是还是可以理解个大概 这个文件时扩展文件的测试文件 这没有什么好说的 这边这个东西,在vscode的文档里面也有...看官方文档去吧,很详细了 三个文件概览 我翻译了一个少的 这个是作者做这个好用的插件的初心 这个是构建的时候用的一些api很有研究的意思 这个文章就到这里了.下篇继续
vscode如何设置默认打开的浏览器为Chrome vscode如何设置默认打开的浏览器为Chrome 安装下载配置插件 一起加油！...vscode如何设置默认打开的浏览器为Chrome 在使用vscode编辑器的时候，如果我们不设置默认浏览器，那么直接打开的是IE浏览器或者360浏览器（看本地的默认浏览器是什么），在进行页面调试的时候无疑是有点麻烦的...，下面我们就说一下如何设置打开的浏览器为chrome open in Browser 首先需要安装open in browser插件(如果没有安装 ，下拉有安装配置教程)，如果安装过了可以跳过此步骤...with live server open with live server 这是一个对页面热更新的插件，相当好用 在扩展商店里面找到这个插件 并且下载安装成功， 点击圆圈中的设置小图标...，选择扩展设置 打开扩展设置 然后选择chrome即可 我自己这边之前只是 修改了配置文件中的默认设置 修改后一直尝试但都没有成功，最终在扩展设置中 把默认浏览器修改成和配置文件中的一样，这样猜配置成功
如何在 VSCode 断点调试 js 代码 1 单文件调试 可以直接使用 Code Debugger 插件，免配置 launch.json 如果配置 launch.json 则是 { // 使用...js 脚本 需要安装 Live Server 插件，并使用开启。...配置 launch.json { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。...": "${workspaceFolder}", }, ]} 注意，这里的端口号需要与 Live Server 插件指定的端口号一致。..."userDataDir": "${env:HOME}/.vscode/vscode-chrome-debug-userdatadir" 这样下次启动，就会保留浏览器设置了，还不影响日常使用的 chrome
本期，我们以 Hello World 项目为例，看看如何搭建一个好用的 Egret 项目开发环境。 1....使用 Egret Launcher 创建项目 游戏开发是一个复杂的工程，它涉及到代码、UI 界面和动效三者的结合。...使用 VSCode 代替 Egret Wing 打开 Egret Wing 后，你会发现它的界面和 VSCode 十分相似，事实上 Wing 是在 VSCode 基础之上定制而来。...JS 文件进行断点调试，但实际上使用 VSCode 的 Debug 面板，体验会更好。...在这份配置中，我将 127.0.0.1:3000 默认绑定到了 game.local 域名，以解决局域网 IP 变动后需要变更 IP 配置的问题，因此你可以通过 http://game.local/index.html
查看和搜索历史 比较分支/提交记录/文件 更多～ 实时协作编辑 插件名：Live Share Visual Studio Live Share允许我们与他人实时协作编辑和调试，不管我们使用的是哪种编程语言或正在构建的应用程序类型...浏览器预览是由Chrome Headless提供的，它的工作原理是在一个新进程中启动一个Headless Chrome实例。...我有很长一段时间一直使用PHPStorm，但是发现用再高配置的电脑还是逃不过这些重量级IDE对电脑的CPU和内存的无限吞噬。...所以最后我又回归到了轻量级编辑器中。 最后我开始研究怎么用VSCode作为PHP开发的IDE。...智能高亮参考资料和关键字。 读取PHPStorm metadata以获得更高级的类型分析和提示。 智能重命名符号。在适当的时候，文件/文件夹也会自动重命名。
以下是我将介绍的 VSCode 插件： Settings Sync Live Server Remote SSH Prettier Bracket Pair Colorizer Auto Rename...Live Server 立即查看浏览器中反映的代码更改 这是我最喜欢的插件之一。Live Server启动本地开发服务器，并为静态和动态页面提供实时重新加载功能。...Tabnine Tabnine 是一款广受欢迎的 VSCode 人工智能助手，适用于所有主要编程语言，因此毫无疑问，无论你的技能如何，你都会发现它很有用。...受 IDE Brackets 中类似功能的启发，CSS Peek允许你插件 HTML 和 ejs 文件以在源代码中显示 CSS/SCSS/LESS 代码。...VSCode Icons为你的 IDE 增添了一抹色彩和可爱的小图标，我已经爱上了它。 Regex Previewer 创建正则表达式的预览，正则表达式可能是一个很困难的难题。
Visual Studio Code WinSCP NeatDownloadManager http://www.neatdownloadmanager.com/index.php/en/ 该软件配合下面谷歌浏览器插件...插件 Chinese (Simplified) Language Pack for Visual Studio Code Atom One Light Theme Live Server Vue.js...registry.npm.taobao.org npm config list 还原默认 npm config set registry https://registry.npmjs.org Electron镜像 查看配置文件的位置...npm config list 可以查看到本机的userconfig在哪，即.npmrc文件在哪 比如我的 userconfig C:\Users\Jian.npmrc 打开该文件 添加 registry...上面的操作会自动把Python和C++开发工具包都集成进去 手动下载C++编译环境 Visual Studio Build Tools (using “Visual C++ build tools”
它的规则在.eslintrc.json里配置。 JSHint：基于JSHint的代码检测插件。在项目跟目录下使用.jshintrc文件作为其配置。...源码：vscode-chrome-debug。 ? Live Server：开启本地开发时服务器，为静态和动态页面提供实时刷新功能。...源码：vscode-chrome-debugvscode-live-server。 ? Preview on Web Server：提供web服务器和实时预览功能。...PHP Server：对测试只能在客户端运行的JavaScript代码很有用。...像ESLint这样的插件，帮助你避免代码中的常见错误；Debugger for Chrome，帮助你更容易地调试代码；带有智能提示的Node.js插件帮助你正确引用模块；像Live Server和REST
为简单起见，我把它们分为10类。 在这之中可能有你已经知道并且正在使用的插件，但也很有可能有一些是你听说过但未曾使用过的，我也希望通过本文能为你简要的介绍一下这些插件。...它的规则在.eslintrc.json里配置。） JSHint（基于JSHint的代码检测插件。在项目跟目录下使用.jshintrc文件作为其配置。）...Debugger for Chrome（在编辑器中打断点，让你轻松地在Chrome里调试JavaScript。源码（vscode-chrome-debug。 ） ? 2....Live Server（开启本地开发时服务器，为静态和动态页面提供实时刷新功能。源码（vscode-chrome-debugvscode-live-server。） ? 3....Preview on Web Server（提供web服务器和实时预览功能。） 4. PHP Server（对测试只能在客户端运行的JavaScript代码很有用。） 5.
---- 为什么是 VSCode？ VSCode 可能是目前排名第一的代码编辑器，我喜欢它。...VSCode 拥有一个庞大的开源社区。它的增长和潜力是无限的，在未来学习如何编码和编码本身将会更容易。 ---- 1. 自动闭合 HTML 标签 ? 图片 拥有这种扩展是必须的。...图片 这是我最喜欢和最常用的 VSCode 扩展。作为一个前端 web 和移动开发者，Debugger for Chrome 帮助了我很多。...Live Server ? 图片 在使用 Live Server 时，这个 VSCode 扩展将帮助您打开当前项目的活动 Web 服务器。...我一直致力于解决的大多数错误和错误都来自于使用 NPM 包、函数和特性，由于它与其他包不兼容，这些都无法正常工作。 这个 VSCode 扩展是必须的: n[19]pm 下载地址[20] 19.
大家好，又见面了，我是你们的朋友全栈君。...一 在vs code中进行本地调试 1、首先在VSCode 上装一个插件：Debugger for Chrome ，如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装 2、...配置文件，从左到右依次点击红圈中的按钮，然后出现launch.json文件，在里面添加配置信息 3、配置好之后，选择调试方式，如图所示，点击下拉箭头会有之前配置好的名称，这里是“使用本机chrom调试...“查看” => “调试控制台” 或者 直接按快捷键 ctrl+shift+y调出控制面板 2、点击“终端”，在里面直接输入 npm install -g live-server 全局安装live-server...npm install -g live-server 3、安装完成后会出现live-server的版本信息，表示安装成功 4、在终端输入：live-server会出现下面的信息 然后直接在浏览器弹出的界面
今天，我要和大家分享的是15个每位开发者在编程环境中必备的VSCode扩展。这些扩展被精心挑选，因其实用性、易用性以及最重要的——提高你的生产力能力而脱颖而出。...学习和参考：对于初学者来说，看到其他开发者是如何在实际项目中使用特定函数的，可以帮助他们快速学习和理解新的编程概念和技巧。...你可以直接从资源管理器菜单中打开 HTML 文件，并从更改检测中排除文件。它支持热键以快速管理服务器。 Live Server 高度可定制，允许你设置首选的端口号、服务器根目录和默认浏览器。...它支持使用高级命令行选项的任何浏览器，并提供 Chrome 调试附件以进行高级调试。 Live Server 的一个突出特点是能够通过 WLAN 远程连接，这允许你连接移动设备进行测试和开发。...它还支持 SVG、HTTPS、CORS 和多根工作区。它可以通过 Live Server Web 扩展处理任何文件，甚至是动态页面。此外，它还支持代理设置，使其成为适应不同开发环境的灵活工具。
前言 VSCode 本文记录我使用过的比较好用的插件，持续更新 只记录插件名称及简单介绍，不记录具体用法，部分插件的用法会单独写文章记录 1....基础插件 Chinese (Simplified) (简体中文) Better Align - 等号对齐 Project Manager - 项目管理 Live Server - 热加载插件...Live Preview - 同步预览插件 vscode-icons - 文件目录图标 Power Mode - 炫酷的打字特效 Prettier - Code formatter -...和 manifest.json 简单的格式校验 插件配置 Power Mode 参考文章: https://blog.csdn.net/sunweixin8/article/details/105944730...+ p 唤出 Enable Rainbow Fart 3、点击右下角的 open，将会自动使用默认浏览器打开插件授权页面 4、点击下图框框中的部分即可完成授权，页面不要关闭 推荐配置 settings.json
live server 前端神器，可以在 vscode 中预览编写的网页。...LeetCode vscode支持LeetCode做题、搜题 licenser 快速创建许可文件，或插入许可注释，支持多语言 Live Server 字面意思，实时服务器 Live Share 实时分享...配置和使用 命令面板(ctrl+shift+p)—>输入 sync 即可查看相关设置 上传配置shift+alt+u ESlint 使用 vscode-eslint 搜索安装或打开vscode-eslint...快速查看更改行或代码块的对象，原因和时间。回顾历史，以进一步了解代码的演变方式和原因。毫不费力地探索代码库的历史和演进。...Live Sass Compiler VSCode 配置自动编译 Sass 安装扩展：Live Sass Compiler 监听 .scss 文件自动编译为 css 文件，非常方便 Node modules
有很多电脑 这种情况下如何快速同步个人文件成了一个大问题 理想的迁移方式 最理想的迁移方式莫过于一键换机，只要将个人秘钥准备好就行。...目前的电脑环境配置： 工作文件使用坚果云 个人文件保存到本地，私有云 代码大多在服务器与github 论文存储用zotero 我迁移电脑系统做了哪些事？...第一步 备份ssh秘钥、云主机信息（ip，用户名，端口） 使用settings sync备份vscode配置 将要同步的个人文件都同步到坚果云 第二步 在ubuntu上安装shadowsocks，chrome...使用第一步的一些信息，登录谷歌账户并同步chrome设置。...最后也是最重要的，上网问题。为了登录谷歌账号同步内容，花了很长时间。 TODO win10图片文件夹没有迁移 建立安全账户链，确保同步时不死锁
---- 先着重从几个方面讲一下我所使用的插件：（可能有的插件会以PHP为例进行说明） 插件一览 ? ---- PHP智能提示 PHP Intelephense ?...图标美化 Material Icon Theme Vscode自带的文件/文件夹的图标个人觉得是非常丑的，所以推荐安装。 ? 他基本囊括了所有的图标，并且都非常好看。 ?...上图是我的PHP项目，可以看出不同的文件夹他都有不同的颜色，用以区分。 代码格式化 Prettier - Code formatter ?...HTML热刷新 Live Server ? 可以看出，同样是一个满分插件。 插件的作用： 在编写HTML时，保存会自动刷新，这对前端程序员来说，无疑是非常好的。 使用方法 右键单击： ?...代码运行 Code Runner Code Runner是可以直接在vscode中运行代码的插件。 当然，有些语言得配置环境。 ?
Chrome，我现在已经彻底是Google用户了，从Map到YouTube到GPlay，我没有理由不选择Chrome作为我的主力浏览器，Firefox已经多年不用了，不晓得体验如何（只在Linux上用用...Editplus，这个我要强调，这是我见过的能够打开文本文件最大的编辑器了，比如50M、100M的文本，用记事本和NPP等会直接卡死的。...Anydesk，这个要说，非常轻便，真的是随下随用，安不安装都可以用，显示速度也不错，重要的是免配置，这个非常棒，就通过一个数字码连接，而且配置非常容易，适用全部的操作系统，手机、Linux、Windows...RealVNC可以实现相同的功效，但只是VNC分为Server和Viewer，而且都需要安装，方便性稍差一些。...PUBG_Lite，我第一次用我的Win10平板玩就惊到了，平板的配置 core m 真的很差了，但我玩PUBG_Lite依旧可以畅玩，操作和视觉上和正常版差一些，但差归差该有的一点不少，只是画质稍差，
前言 经常在仿站的时候会遇到下载别人网站上的图片、css、js 等资源，如果你是一个个的手动下载是很麻烦的，也很慢的。...终于找到了一个比较神奇的 Chrome 插件：Save All Resources 完美的满足了我的需求！...html、css、js 等文件是下载下来了，直接打开你的 html 文件即可。...本地服务 Live Server 打开 做前端开发的时候，最常用的 IDE 是 VsCode，我们需要打开浏览器进行预览和调试静态页面。有了 Live Server ，就可以解决你的问题了。...用 VsCode 打开 结果 这样也可以解决请求的图片等资源找不到的问题。 --- 全文完 ---
VS Code Insiders 版本 常用的配置项 命令面板 面包屑导航/大纲/缩略图 主题 快捷键 集成终端 如何更好地学习 VS Code ？...Adapter Protocol Electron 开发框架，基于Node.js和Chromium，使用HTML，CSS和JavaScript等前端技术来开发跨平台的桌面级应用程序 Monaco Editor...基于浏览器的代码编辑器：IntelliSense，代码验证，语法高亮等特性 Language Server Protocol IDE与语言服务器之间的协议，可以允许开发人员在最喜爱的工具中使用各种语言来写程序...DAP 希望将编辑器与调试器解耦合，便于编辑器与其他Debugger的集成 VSCode是如何做开源的 开源的三个阶段：公开源代码->Issues&PRs->Planning&Design 实时更新，管理...插件推荐 GitLens：Git管理利器 REST Client：也许比Postman更好 Bracket Pair Colorizer：括号颜色高亮，我觉得可以 Browser Preview：把Chrome
继续点击下一步 可以勾选创建桌面快捷方式，如果不想使用vscode作为代码默认打开方式，可以取消将code注册为受支持的文件类型的编辑器，点击下一步 点击安装，开始安装 安装完成，运行VS Code。...html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 10、Live Server 一个具有实时加载功能的小型服务器...，也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。...12、TypeScript Vue Plugin (Volar) TypeScript Vue Plugin是一个对Vue.js框架进行扩展的插件，它允许开发者使用TypeScript语言编写Vue组件和应用程序...13、File Utils File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
