由于Auto.js Pro的插件更新,原插件使用方式已经不适合新插件,现推出此教程。 准备Auto.js Pro 你首先需要一个Auto.js Pro。...下载VS Code 官方下载地址:https://code.visualstudio.com/ 下载后可能不是中文显示的,此时我们需要安装中文语音包。 打开VS Code,点击“扩展”图标。...搜索“chinese”,如图: 点击安装后,等待安装成功,重启VS Code。 安装Auto.js Pro插件 打开VS Code,点击“插件图标”。...注意,不需要安装下面的Auto.js-VSCodeExt,这是免费版Auto.js的扩展,当然安装了也不会冲突。 连接手机 确保手机和电脑在同一个局域网中。...选择已经连接的设备,即可看到来自该设备的控制台信息。 如果需要同时查看所有设备的控制台信息,则点击菜单栏"帮助"->"切换开发人员工具"。
vscode 团队,为插件开发提供了一个工具,先全局安装这个,然后执行 yo code 来开始我们的工作。 npm install -g yo generator-code yo code ?...2.extension.js 程序入口 我使用的是注释的方式来描述extension.js里面的各个地方的作用: // vscode这个包,包含了里面所有的api var vscode = require...; }); //需要释放的资源都在这里依次push到这个数组里面 //注意,这些非托管的资源,都含有dispose方法,自己封装的对象,如果有需要手动释放的资源,请也实现dispose...中调用一下wordCounter.js // vscode这个包,包含了里面所有的api var vscode = require('vscode'); // 在插件被激活的时候,这个方法会被调用 function...五、Demo,以及发布的问题 下载wordCounter插件项目 发布到插件市场,其实挺麻烦的。流程大概是这样...如果我没记错。
2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DTabNine.tabnine- vscode) 注:通过学习个人编码习惯,预测你下一行要输入的代码...itemName=eamodio.gitlens 注:可以查看每行代码都是谁提交的 image.png 查看每行代码的提交人和提交时间 4.HBuilder x 豆沙绿主题 名称:HBuilderX...https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dintellsmi.comment- translate) 注:许多优秀的项目...,都有丰富的注释,自动翻译项目中英文注释 image.png image.png 6.小程序语法高亮 名称:minapp 地址:[https://marketplace.visualstudio.com...3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dqiu8310.minapp- vscode) 注:虽然很久没更新了,但还是挺好用的
VS Code是一个相当优秀的 IDE ,具备开源、跨平台、模块化、插件丰富、启动时间快、颜值高、可高度定制等等优秀的特质,眼下正如日中天。...不过需要强调的是,VS Code本身就相当于记事本,需要众多的插件配合才能作为开发环境(IDE)。现在来推荐几个用于Python开发的插件。...1 Python 在 VS Code 中配置 Python 环境,第一个要安装的插件,就是 Python 插件。...1 Python 插件的全称是 Python extension for Visual Studio Code,它是一个 Visual Studio Code 扩展,具有对 Python 语言的丰富支持...6 Jupyter Jupyter是 Jupyter Notebook 的支持插件。打开ipynb 文件打开后的效果如下: ? 除此之外,还需要一个扩展包yapf,可以一键美化代码。
而VS Code之所以VS Code安装插件只需要点击图片所示按钮,即可进入插件区,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启VS Code使得插件生效。...它由Node.js的markdownlint库提供支持(其灵感来自Ruby的markdowlint)。...本地机器上不需要源代码就可以获得这些好处,因为扩展直接在远程机器上运行命令和其他扩展。您可以打开远程计算机上的任何文件夹并使用它,就像文件夹在您自己的计算机上一样。...中快速查看JSON-一个美丽的web JSON查看器在本地可以轻松查看json分级.同样推荐的好用插件Better Comments: 给注释加点色彩.Code Runner: 直接运行代码.Docker...结论VS CODE和插件们相互成就.这就是开源的魅力!
然而如果直接在 LeetCode 上写代码,那是很痛苦的一件事,那就相当于用 txt 写代码一样,没有 IDE 的各种功能。 VS Code 的 LeetCode 插件帮助我们解决了这一问题。...安装 LeetCode 插件 首先需要安装的是 Node.JS,因为 LeetCode 插件依赖 Node.JS。...要注意的是,必须将 Node.JS 安装目录添加到环境变量,现在的安装版本默认就是添加的,如果没有,则手动添加一下。 其次在 VS Code 中搜索并安装 LeetCode 插件。 ?...LeetCode 插件(5).png 选择语言之后,需要选择一个 workspace。...官方文档中说,需要更新配置项 leetcode.workspaceFolder,但是,如果你用的是最新版的 VS Code,就没那么麻烦了。
最近才用上vs code神器,之前一直是sublime一条道走到黑,前段时间sublime疯狂正版守卫行为,让我的sublime一下子回到了解放前。不得已,只得换,群里大佬安利了vscode。...接着当然是字体定义,之前安利过的Source Code Pro,monokai搭配Source Code Pro,简直黄金搭档,雀巢加伴侣。...插件名:Code Runner。 评级:四星半。 下载量:300W+。 这是一个可以直接跑各种语言的插件,几乎涵盖了市面上所有的语言。这么强大,怎么能不用?...插件名:Chinese (Simplified) Language Pack for Visual Studio Code。 评级:五星。 下载量:64W+。...插件说明里面是说这个语言包为 VS Code 提供本地化界面。啥意思没明白,这不还是汉化么,啥区别? 好了,就安利这些了,下次发现好玩的,再补充。
VS Code推荐插件 Beautify 语法高亮,代码格式化 ctrl+shift+p输入beautify就有提示 Language pack extension for Chinese (Simplified...) 中文汉化 Code Spell Checker 代码拼写检查 vscode-icons 各种漂亮图标 One Dark Pro 暗色主题 Codelf 变量命名神器 compareit 文件对比 Document...This 快速注释 ESLint 代码检查工具 GitLens 能显示每一行代码的作者以及提交时间 Git History Git 历史 indent-rainbow 一个简单的扩展,使缩进更易读 language-stylus...vscode中自动格式化stylus Manta's Stylus Supremacy 格式化stylus的插件 Settings Sync 同步 VS Code设置到 GitHub 博主的GitHub...Chrome上,方便调试 minify 压缩合并JavaScript和CSS文件 打开需要压缩的文件,按住快捷键ctrl+shift+p,输入minify,自动生成.min文件 IntelliSense
前言: Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Vs Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让...俗话说的好工欲善其事必先利其器,作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升,下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件,同时会持续更新...,假如大家觉得有好的插件而我这里没有提到的可以在下面留言我会补上。...Vs Code拓展插件安装: 快捷键:Ctrl+Shift+X进入拓展面板,到应用商店文本框中搜索拓展。 ?...Vue开发必备-Vetur(VS Code的Vue工具): 拓展名称:Vetur 拓展描述:Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。
为了防止歧义,文中提到的插件名称和在 VS Code 中搜索到的保持一致(大小写,连字符等) 下面进入正题: 基础必备插件 1、View In Browser 在浏览器里预览网页必备。...还好 VSCode 有了相应的插件,现在只需要鼠标点几下就行了。 这个插件基本功能是预览网页,但它的特点是:会将网页在本地服务器上预览,最重要的是代码保存之后,浏览器自动刷新,有多方便不用我说了吧?...按照插件的文档说明: 在项目的根目录下创建一个名为:.csscomb.json / csscomb.json / .csscomb.js / csscomb.js 的文件,然后添加一些配置项。...13、CodeIf CodeIf 是一个用来给变量命名的网站,你只要输入你想起的中文名,它就会给你提供很多建议的命名: 可能很多人知道有 CodeIf 这么个网站,其实 VS Code 上有插件哦,是不是很神奇...这里简述下这个插件怎么用: 首先要想在不同的设备间同步你的插件, 需要用到 Token 和Gist id Token 就是你把插件上传到 github 上时, 让你保存的那段字符,Gist id 在你上传插件的那台电脑上保存着
Auto-Collapse Explorer 如果希望在VS Code编辑器中打开文件的时候自动展开对应的目录结构,需要开启“Auto Reveal”。...于此同时会带来一个新的问题,当在VS Code中打开了多个文件之后,左侧的目录树结构都是呈现为展开状态的,显得有些杂乱。...如果希望在左侧目录树中只展开当前正在编辑的文件目录结构,同时折叠其他不是处于编辑状态的文件目录,就显得更加清爽,该功能可以通过安装插件“Auto-Collapse Explorer”实现。...插件“Auto-Collapse Explorer”详情参见:https://marketplace.visualstudio.com/items?
感谢群友 - 农夫山泉 热心奉献 二次排版编辑:gloomyfish VS code 插件配置手册 ---- C/C++ Tools插件---C/C++支持安装库文件的配置GDB本地调试配置GDB远程调试配置...Remote VSCode插件---远程编辑文件安装环境配置在本地端的配置在远程端的配置工作流Ftp Sync插件--—远程代码的同步安装环境配置工作流 ---- C/C++ Tools插件---C/C...++支持 此扩展的预览版本为C / C ++添加了对Visual Studio Code的语言支持,包括: 语言服务: 代码格式(clang格式) 自动补全 符号搜索 签名帮助 快速信息 转到定义/声明...安装 在VSCode的扩展插件中找到Remote VSCode插件并进行安装; ?.../main.cpp Ftp Sync插件--—远程代码的同步 此扩展允许您轻松地将项目文件 通过FTP与远端同步。 安装 在VSCode的扩展插件中找到Ftp-Sync插件并进行安装; ?
Visual Studio Code 为开发者们提供了对多种编程语言的内置支持,同时也会为这些语言提供丰富的代码补全和导航功能。...JavaScript,TypeScript,Node.js 和 ASP.NET 5 开发者也将会获得额外的工具集。...还会拥有对 Git 的开箱即用的支持。 Visual Studio Code 将代码编辑器的简单性与开发人员对其核心edit-build-debug周期所需的功能结合在一起。...推荐下前端开发时常用的插件: 1.IntelliSense for CSS class names 就是当你在 HTML 中引入了一个外部的 CSS 或者它检测到你工作区中的 CSS 文件就会对他们的类名做索引...6.JS-CSS-HTML Formatter HTML格式化(包括JS、CSS),保存时会自动格式化,还有其他格式化方式,具体如下: open Context Menu and choose Format
vscode 插件 Rainbow Brackets 编码过程中,尤其在我们使用js进行函数式编程时,代码里会有很多的花括号,想要保证它们对称十分困难,所以就出现了上面小粉同学的尴尬局面,相信很多人都遇到过类似的情况...Project Manager插件可以解决这样的烦恼,它提供了专门的视图来展示你的项目,我们可以把常用的项目保存在这里,需要时一键切换,十分方便,妈妈再也不用担心我忘记把项目放在哪个目录下了。 ?...Settings Sync Settings Sync 提供了同步个人设置的功能,当我们需要换电脑进行开发时,比如回家用自己的电脑,或者换了新的电脑,该插件可以帮你同步之前做的设置,不需要在每台电脑上都重新设置一次...---- ---- 如何分享插件 分享插件,除了将插件名字告诉你的小伙伴,当然还有其他的办法了! 可以在项目的 .vscode 目录下创建文件 extensions.json。...然后给 recommendations 提供一个想要分享给同伴的插件的 ID 数组,这样当他们打开项目,并且没有安装某些插件时,VS Code就会提示安装了,并且可以一键全部安装。 ?
使用Visual Studio Code开发有一段时间了,用起来是极其的顺手,但是唯独一点不爽的就是,Visual Studio Code不像Visual Studio 2017那样可以通过微软账号进行多设备间的设置同步...这就很抓狂了,所以我一开始的做法就是记住一些插件,每台电脑都手动装一遍,再设置一遍。。。...想想都累,不过还好,这两天找到了一款插件Setting Sync可以通过GitHub来实现多端的设置同步,但前提是你需要有一个GitHub账户,操作步骤都很easy的。...首先要做的就是上传本地的配置 在Visual Studio Code中安装Setting Sync插件 <p...,这就看个人需要进行设置了。
由于组内已经统一使用VS Code进行开发了,于是决定研究下VS Code的插件开发,让效率工具更方便的用起来。...准备工作 为了降低开发门槛,微软做了一个Yeoman代码生成命令,可以很方便的生成插件开发需要的模板代码,可以通过以下命令安装: // 安装 npm install -g yo generator-code...// 使用 yo code 运行完以上命令后会出现下面的操作界面,填入需要的信息即可。...修改代码 插件的入口代码在extension.js这个文件中,主要是修改activate函数: export function activate(context) { // Use the console...发布成功后,很快就能在VS Code的插件市场搜到了。 总结 本文介绍了VS Code插件开发的基本流程,实现了一个简单的插件。
起始 最初基于 Highlight 插件,写一款名为 ColorHighlight插件 ColorHighlight插件实现Mac风格代码高亮 基于 Highlight的代码语法高亮插件 for Typecho...但因为插件本身存在不少BUG,自己又不想重写,便重新基于 CodeHighlighter写了一款 在原有的代码高亮样式上新增了Mac风格代码,修改了JS代码 下载 插件最新动态:已更新至handsome...第 5 步:最新版本handsome主题内置的高亮与该插件冲突,请进入后台 -> 设置外观 -> 主题增强功能里关闭主题内置高亮 第 6 步:外观设置 -> 开发者选项 -> 自定义CSS 添加以下css...:0; padding-left:50px; } pre code { position:relative; display:block; overflow-x:auto...> \``` 删除上边代码中的\ 若不填写语言类型,则无效果 Pjax 如果你的网站有开启Pjax 请把以下代码添加到回调函数的地方,在你使用的主题设置里看看 以 Handsome主题为例: 主题 --
概述 生成实现了Parcelable接口的代码的插件 下载安装 1.在线安装 ?...输入 Android Parcelable code generator ,点击安装即可,安装之后 重启,会看到上图选中部分所示。...2.手动下载安装 https://github.com/mcharmas/android-parcelable-intellij-plugin 使用 在你的类中,按下alt + insert键弹出插入代码的上下文菜单...,会看到在下面有一个Parcelable,选择它之后,就会在你的类当中插入实现了Parcelable接口的代码了。...经验证,勾选Product的3个变量 和不选,生成的代码是一样的。
一、前言 在上一篇文章里,我简要介绍了 VSCode 插件开发的基本流程,同时讲解了如何获取文件夹绝对路径和用户输入的方法。最近又开发了一个新的插件,主要用途是替换当前编辑文件的内容。...二、需求 需求很简单,我需要将下面文件的内容: export default { add_member# manage_member_card# member_setting#...三、实现 开始以为 VSCode 有现成的 API 可以取到当前文件内容,但找了一圈搜不到,只能通过迂回的方式实现。...由于没法逐行替换文件内容,只能现将原来的文件清空,再一行一行添加回去。...'' : '\n')); }) 四、总结 其实这个需求实现起来还是蛮简单的,主要是要根据 VSCode 的特点将思路理顺,再一步步实现。如果有更好的实现方式,请务必留言给我
const chunk = (arr, size) => Array.from({ length: Math.ceil(arr.length / size)...
领取专属 10元无门槛券
手把手带您无忧上云