如何在微信开发者工具中使用vim编辑模式

随着云计算技术的发展特别是无服务化的发展，在业务系统的研发上，前端和后端的边界逐步被打破。微信小程序便是这一方面的典型代表，特别是结合了腾讯Serverless云开发的套件后，小程序融会贯通成为业务开发非常重要的载体。今年疫情期间，基于小程序开发的健康码充分发挥了小程序这一方面的特点。小程序上手开发难度不高，基本都是基于Javascript生态构建，对于前端开发或者后端开发来说，无疑都是福音，让大家真正的做一次全栈开发。

作为一名10多年的开发人员，vim是我最常使用的编辑器，但是在微信开发者工具中并没有直接提供vim的开发模式。经过不断的探索，终于发现微信开发者工具对VS Code插件的兼容模式，于是按照文档将VS Code vim插件安装在微信开发者工具中。果然，我熟悉的vim模式又回来了，这篇文章就为大家简单分享一下。

在VS Code安装vim插件

首先在VS Code中安装vim模拟器，如图所示，我安装的是1.18.5版本。我使用的是mac系统，安装完成后，插件会存放在用户HOME目录下的$
   HOME/.vscode/extensions/vscodevim.vim-1.18.5中。

在微信开发者工具安装VS Code插件

1、在微信开发者工具中点击“设置”->”扩展设置”

2、在打开的窗口中选择“编辑器自定义扩展”，因为我已经安装过了，所以截图中已经包含了vscode.vim插件

3、点击上方的“打开扩展文件夹”，此时会打开微信开发者插件目录，而你要做的就是将vscode插件拷贝过去。

但是由于从Finder中无法直接访问隐藏目录，先在左侧选择HOME目录。

使用“前往文件夹”选项，填入.vscode/extensions。将
   .vscode/extensions/vscodevim.vim-1.18.5拷贝之刚才打开的微信开发者工具的扩展目录中。

4、重启微信开发者工具后，就能在“编辑器自定义扩展”中看到vim插件，启动插件后，再次退出重启，此时编辑器里已经可以使用vim模式了。

赞 (0)

相关推荐

  • 如何创建电脑版微信开发者工具中新的项目

    如何创建电脑版微信开发者工具中新的项目

    电脑版微信开发者工具软件被很多人使用,用来新建项目等,有的用户在使用该软件时,想要创建新的项目,但是却不知道如何创建,那么小编就来为大家介绍一下吧.具体如下:1.第一步,双击或者右击打开微信开发者工具 ...

  • 电脑怎么使用微信开发者工具同时打开多个真实账户

    电脑怎么使用微信开发者工具同时打开多个真实账户

    微信开放着工具可以帮助我们对微信进行一些设置,今天小编就告诉大家电脑怎么使用微信开发者工具同时打开多个真实账户.具体如下:1.首先我们需要在电脑中打开微信开发者工具,输入账号密码进行登录.2.进入主界 ...

  • 使用微信开发者工具创建小程序项目

    使用微信开发者工具创建小程序项目 操作方法 01 首先运行小程序开发者工具 扫码登陆 选择小程序项目 02 进入小程序项目的创建窗口 项目目录是一定要填写的 AppID如果你已经注册了微信公众平台的账 ...

  • 微信开发者工具怎么开发小程序（微信小程序开发入门）

    微信开发者工具怎么开发小程序（微信小程序开发入门）

    微信开发者工具一般由于小程序包的上传与发布.但是由于技术的发展,一些智能型平台已经实现与第三方平台接口对接,已实现一键发布,告别通过开发者工具进行传输.但为了小部分的需求者学习,使用开发者工具发布小程 ...

  • 在Word2010中取消修订编辑模式

    在Word2010中取消修订编辑模式

    在Word2010的修订编辑模式下,用户对Word文档的任何编辑修改都会事先进行标注,然后进一步确认后才能生效.这样做可以帮助用户更直观地观察Word文档编辑修改后的结果,并防止用户误操作.用户可以根 ...

  • mac中从vim编辑中粘贴文本到系统的粘贴板

    vim中的复制粘贴只限于vim本身的粘贴板,其实可以从vim中复制文本到系统的粘贴本中 操作方法 01 查看vim是否支持clipboard > vim --version | grep cli ...

  • 微信语音聊天中如何关闭听筒模式

    在微信聊天的时候可以发送语音信息,在播放语音信息的时候,可以通过听筒和扬声器进行播放,下面教你如何关闭听筒模式. 微信关闭听筒模式 01 进入微信界面,在下方菜单栏中选择"我" 0 ...

  • 真机调试方法（vConsole）在微信小程序中的应用

    真机调试方法（vConsole）在微信小程序中的应用

    真机调试方法是小程序必不可少的一环,具体要怎么操作呢?一起来看看吧.真机调试开始的时间一.如果程序在"微信开发者工具"中测试没有什么问题的话,可进入进行生产开发或体验版进行真机测试 ...

  • 如何使用微信小程序中的text组件

    如何使用微信小程序中的text组件

    今天给大家介绍一下如何使用微信小程序中的text组件的具体操作步骤.1. 我们需要借助微信开发者工具进行操作,所以在电脑上打开.2. 进入主页面后,点击左侧的项目文件目录下的wxml文件.3. 如图, ...