五步完成一个 VSCode 扩展(插件)开发

第一步: 安装扩展生成器 npm install -g yo generator-code vsce 第二步: 初始化一个 Hello World 扩展 yo code 图来自 CN-VScode-Docs 网站按提示, 输入扩展名, ID, 描述等信息, 然后等待安装完成~ 第三步: 测试一下扩展打开 VS Code,选择"文件 > 打开文件夹",选择你刚刚生成的项目目录直接按下 F5 或切换到 VSCode 的调试面板, 点击 Debug 按钮,然后点击开始新的…

一个mui扩展插件mui.showLoading加载框【转】

转:http://ask.dcloud.net.cn/article/12856 写在前面:好像mui目前dialog系列唯独缺少showLoading加载框(加载中)组件,为了统一组件样式和体验,写了这么一个扩展插件.CSS和JS代码耦合性应该还是较低的,不妥之处欢迎指教!优点:可以同时兼容Html5和plus,不必为不同环境单独分别Loading组件.缺点:在页面嵌套情况下,遮罩仅对当前页面起作用. 使用方法:显示加载框: mui.showLoading("正在加载..",&quo…

10步成为一个优秀的Java开发！

1.拥有坚实的基础并理解面向对象原则 Java开发人员必须深刻理解面向对象编程.如果没有面向对象编程的坚实基础,就无法感受到像Java这样的面向对象编程语言的美感. 如果你不太了解现象对象编程是什么,即使你使用的是面向对象编程语言,你仍可能会面向过程进行编码.仅研究面向对象原则并没有太多的帮助, 我们应该知道如何使用面向对象的方式应用这些原则来设计解决方案. 因此我们需要拥有丰富的对象建模,继承,多态,设计模式等方面的知识. 2.精通核心的API 如果你不了解语言结构和核心API,那么无论你在在…

vscode编写插件详细过程

前言之前编写了一个vscode插件用vscode写博客和发布,然后有园友要求写一篇来介绍如何开发一个vscode扩展插件,或者说介绍开发这个插件的过程.然而文章还没有写,园子里面已经有人发布一个文章,是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件.虽然已经有这么一个文章,但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件,也算之前说好要写这么一个文章的一个承诺吧,于是就有了还这么篇文章. 一.开发环境介绍与安装为了演示一个安装环境,我安…

vscode编写插件

vscode编写插件详细过程前言之前编写了一个vscode插件用vscode写博客和发布,然后有园友要求写一篇来介绍如何开发一个vscode扩展插件,或者说介绍开发这个插件的过程.然而文章还没有写,园子里面已经有人发布一个文章,是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件.虽然已经有这么一个文章,但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件,也算之前说好要写这么一个文章的一个承诺吧,于是就有了还这么篇文章. 一.开发环境介绍与安…

编写一个Open Live Writer的VSCode代码插件

起因又是一年多没有更新过博客了,最近用Arduino做了一点有意思的东西,准备写一篇博客.打开尘封许久的博客园,发现因为Windows Live Writer停止更新,博客园推荐的客户端变为了Open Live Writer(基于Windows Live Writer代码,然而GitHub上的代码已经快一年没更新了).OK,安装之后开始写作,写着写着就发现问题了:在准备插入代码的时候发现没有对应的Open Live Writer代码插件. 两个编辑器在日常编辑Arduino代码时我会用到两个…

认识Chrome扩展插件

1.前言现如今的时代,绝大多数人都要跟浏览器打交道的,说到浏览器那肯定是Chrome浏览器一家独大,具体数据请看知名流量监测机构 Statcounter 公布了 7 月份全球桌面浏览器市场份额,主要数据如下: 浏览器市场份额月涨跌份额 Chrome 66.19% -0.74% Edge 10.84% +0.2% Safari 8.94% +0.01% Firefox 8.08% +0.28% Opera 3.06% +0.08% IE 0.75% 浏览器扩展插件的用途生产力工具(和浏览…

五步搞定Android开发环境部署

引言在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入 Android浪潮的朋友们,为了确保大家能顺利完成开发环境的搭建,文章写的尽量详细,希望对准备进入Android开发的朋友有帮助. 本教程将分为五个步骤来完成Android开发环境的部署. 第一步:安装JDK. 第二步:配置Windows上JDK的变量环境 . 第三步: 下载安装Eclipse . 第四步:下载安装Android SDK . 第五步…

五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程

在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入Android浪潮的朋友们,为了确保大家能顺利完成开发环境的搭建,文章写的尽量详细,希望对准备进入Android开发的朋友有帮助. 本教程将分为五个步骤来完成Android开发环境的部署. 第一步:安装JDK. 第二步:配置Windows上JDK的变量环境 . 第三步: 下载安装Eclipse . 第四步:下载安装Android SDK . 第五步:为Ec…

[VsCode] 开发所使用的VsCode的插件

vscode 的插件必须 Chinese (Simplified) Language Pack for Visual Studio Code Markdown Preview Enhanced Debugger for Chrome Material Icon Theme Material Theme IntelliJ IDEA Keybindings Prettier - Code formatter 一个代码格式化工具 Prettify JSON 一个 JSON 格式化工具 open in…

使用顶级 VSCode 扩展来加快开发 JavaScript

使用顶级 VSCode 扩展来加快开发 JavaScript 发表于 2018年08月24日 by 愚人码头被浏览 3,942 次分享到: 小编推荐:掘金是一个面向程序员的高质量技术社区,从一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货. VSCode 是一个开源的跨平台编辑器,已经成为程序员的最爱,特别是在 Web 开发社区. 它快速,可扩展,可定制,并具有大量功能. 如果你还没有使用 VSCode ,你应该了解一下. VSCode…

提高 JavaScript 开发效率的高级 VSCode 扩展！

原文:提高 JavaScript 开发效率的高级 VSCode 扩展! 作者:前端小智 Fundebug经授权转载,版权归原作者所有. Quokka.js Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台.这意味着它会实时运行你输入后的代码,并在编辑器中显示各种执行结果,建议亲自尝试一下. 安装此扩展后,可以按Ctrl / Cmd(⌘)+ Shift + P显示编辑器的命令选项板,然后键入 Quokka 以查看可用命令的列表.选择并运行 "New…

visual studio code开发代码片段扩展插件

背景 visual studio code编辑器强大在于可以自己扩展插件,不仅可以去插件市场下载,也可以按照官方的API很方便的制作适合自己的插件: 自己最近在开发一个手机端网站项目,基于vant项目,想利用vscode的智能提示补全代码,提高下开发效率,于是学习了下代码片段(snippets)的插件开发: 编写在vscode编辑器中选择[用户代码片段]->选择当前项目中创建会创建一个新的文件创建新的代码片段文件 { "vantpage": { // "scop…

面向前端开发人员的VSCode自动化插件

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://blog.bitsrc.io/vscode-automations-for-frontend-developers-6c66a6f36bc6 编程是复杂的.在保证高生产力和代码质量的同时,有许多最优的方案需要记住,有许多准则需要遵循,还有许多 "已知问题 "需要避免. 现代开发过程如果没有自动化完成的工作,还是比较困难的.在本文中,我就将为大家介绍一些可以为前端开发人员…

老司机学新平台 - Xamarin开发之我的第一个MvvmCross跨平台插件：SimpleAudioPlayer

大家好,老司机学Xamarin系列又来啦!上一篇MvvmCross插件精选文末提到,Xamarin平台下,一直没找到一个可用的跨平台AudioPlayer插件.那就自力更生,让我们就自己来写一个吧! 源码和Nuget包源码:https://github.com/teddymacn/Teddy-MvvmCross-Plugins Nuget包:https://www.nuget.org/packages/Teddy.MvvmCross.Plugin.SimpleAudioPlayer/ Mvvm…

常用网站开发类Firefox扩展插件（转）

作为一个 Web 开发人员,你几乎没有理由不喜欢Firefox,因为在Firefox下有很多专门针对开发的扩展插件,非常好用,这里就介绍一些常用的针对网站开发的FireFox扩展,供Web开发人员参考. 1.Firebug 用于调试JavaScript,修改界面HTML和CSS,一些常用的网络分析扩展也是基于Firebug的,非常好用. 2.YSlow YSlow是Yahoo开发的,基于Firebug的用于分析网页性能的工具,可以提供如何提高网站性能的一套规则,用于优化网页的速度和建立高性能的网…

VSCode 同步设置及扩展插件实现设备上设置统一

准备工作:电脑上需安装VSCode,拥有一个github账户.实现同步的功能主要依赖于VSCode插件 "Settings Sync" Setting Sync 可同步包含的所有扩展和完整的用户文件夹 1) 设置文件 2) 快捷键设置文件 3) Launch File 4) Snippets Folder 5) VSCode 扩展设置 6) 工作空间 Setting Sync 快捷键: 1) 上传: Shift + Alt + U (Sync: Update / Upload Sett…

快速开发一个PHP扩展

快速开发一个PHP扩展作者:heiyeluren时间:2008-12-5博客:http://blog.csdn.net/heiyeshuwu 本文通过非常快速的方式讲解了如何制作一个PHP 5.2 环境的扩展(PHP Extension),希望能够在图文的方式下让想快速学习的朋友了解一下制作过程. 需求:比如开发一个叫做 heiyeluren 的扩展,扩展里就一个函数 heiyeluren_test(),输入一个字符串,函数返回:Your input string: xxxxx.要求:了解C…

vscode简单使用介绍及个人常用扩展插件

vscode全称Visual Studio Code 是微软开发一款IDE,官方地址 vscode 作为一款前端编辑器功能很强大,灵活,可以根据个人喜好选择扩展插件,而且还支持多种开发语言, 关于vscode的几点小提示: 1)默认情况下vscode会读取操作系统的显示语言进行匹配,如果语言环境获取不到,就会显示默认英语: 2)vscode提供了各式主题颜色,可供用户偏好选择 ——状态栏 :文件=> 首选项 => 颜色主题(或者点击左下角设置符号弹出来选项框) 3)vscode提供了各…

产品开发也要看阵容，APP开发只需五步变得靠谱

最早认识的一个朋友是程序员,曾经到一家外包公司接单子,小外包公司经常遇到的问题就是和需求方谈产品功能.客户要做外包,对方让他一次性报价,但是客户连功能点自己都不清楚,这时朋友说还是按照具体功能点来做吧.但是客户坚持先给个估价才会考虑做不做,最终朋友在不得已的情况下给了个价钱,结果遇到另外一个程序员只报了他一半的价格去做这个单子..... 可想而知,当开发成本和需求不匹配的情况下,项目失败是必然的! 这种情况在我们目前创业的项目程序员客栈屡见不鲜,其实目前全世界都是类似的这样外包不靠谱的情况.不过…

vscode 同步扩展插件

第一步: 在 VSCode 中,安装用于同步配置的插件 settings sync 第二步:将 VSCode 配置上传到 GitHub 完成这一步需要 GitHub token 和 GitHub gist 进入GitHub 设置界面 & 创建 GitHub token 在这里找到之前你上传 VSCode 配置的那个 token,点击进去在这里点击 [Regenerate token] 按钮,重新生成一个 GitHub token,注意:重新生…

大流量网站性能优化：一步一步打造一个适合自己的BigRender插件

BigRender 当一个网站越来越庞大,加载速度越来越慢的时候,开发者们不得不对其进行优化,谁愿意访问一个需要等待 10 秒,20 秒才能出现的网页呢? 常见的也是相对简单易行的一个优化方案是图片的延迟加载.一个庞大的页面,有时我们并不会滚动去看下面的内容,这样就浪费了非首屏部分的渲染,而这些无用的渲染,不仅包括图片,还包括其他的 DOM 元素,甚至一些 js/css(某些js/css 是根据模块请求的,比如一些 ajax),理论上,每增加一个 DOM,都会增加渲染的时间.有没有办法能使得…

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim…

如何开发一个chrome扩展

chrome是一个不错的浏览器,web开发者工作中一般都会使用chrome做为默认浏览器,它有很多扩展,给浏览器补充了各种功能,增强了用户体验.chrome具体能干什么?怎么做出来的呢? chrome扩展是什么? 本质上是HTML+CSS+JavaScript组成的页面,所有文件打包成crx文件,安装到chrome,就可以使用 chrome扩展能干什么? chrome扩展可以操作浏览器的书签.cookie.历史记录.右键菜单.tab选项卡.浏览器窗口,甚至可以读取系统信息包括CPU.内存等,扩展…