How to use VIM editing mode in wechat developer tool
Drunken music 2021-02-22 22:45:13
With the development of cloud computing technology, especially the development of non service , In the research and development of business system , The boundaries between the front end and the back end are gradually broken . Wechat app is a typical representative of this aspect , Especially combined with Tencent Serverless After the suite of cloud development , Small program integration has become a very important carrier of business development . During this year's epidemic , The health code based on the development of small programs gives full play to the characteristics of small programs . It is not difficult to develop small programs , Basically based on Javascript Ecological construction , For front-end development or back-end development , It's all gospel, no doubt , Let's really do a full stack development .

As a 10 Years of developers ,vim It's my favorite editor , But it is not directly provided in wechat developer tools vim Development model . After constant exploration , Finally, we found that wechat developer tools are very useful for VS Code Compatibility mode of plug-ins , So according to the document VS Code vim The plug-in is installed in the wechat developer tool . Sure enough , I'm familiar with vim The pattern is back , This article is for you to share .

stay VS Code install vim plug-in unit


First, in the VS Code Install in vim Simulator , As shown in the figure , I installed 1.18.5 edition . I'm using mac System , After installation , The plug-in will be stored in the user HOME In the catalog $HOME/.vscode/extensions/vscodevim.vim-1.18.5 in .

 How to use it in wechat developer tools vim Edit mode

Install in wechat developer tool VS Code plug-in unit


1、 In the wechat developer tool, click “ Set up ”->” Extended settings ”

 How to use it in wechat developer tools vim Edit mode


2、 Select... In the open window “ Editor custom extension ”, Because I've already installed , So the screenshot already contains vscode.vim plug-in unit

 How to use it in wechat developer tools vim Edit mode


3、 Click on the “ Open the extended folder ”, The wechat developer plug-in directory will be opened , And all you have to do is put vscode Plug in copy past .

 How to use it in wechat developer tools vim Edit mode


But because from Finder Hidden directory cannot be accessed directly in , First select... On the left HOME Catalog .

 How to use it in wechat developer tools vim Edit mode


Use “ Go to folder ” Options , fill .vscode/extensions. take .vscode/extensions/vscodevim.vim-1.18.5 Copy it from the extended directory of wechat developer tools just opened .

 How to use it in wechat developer tools vim Edit mode


4、 After restarting the wechat developer tool , You can be in “ Editor custom extension ” see vim plug-in unit , After starting the plug-in , Exit and restart again , Now the editor is ready to use vim The model .

 How to use it in wechat developer tools vim Edit mode

版权声明
本文为[Drunken music]所创,转载请带上原文链接,感谢
https://fheadline.com/2021/02/20210222111529958z.html
相似文章

2021-08-09