preface

Recently, I got addicted to nuggets and spent the whole day brushing nuggets while using VSCode. I thought, can I put nuggets in VSCode? There are two other nuggets related mods on the market, but I’m not very satisfied with their completion or user experience.

So recently I have been working very hard to develop a gold digging VSCode plug-in, working until midnight on Christmas Eve and Christmas Eve… I sleep thinking of ways to bypass VSCode security policies. O praise ~

My design principles for this plugin

1. The flow should not be affected

For example, other nuggets plug-ins in the market are using the nuggets API to show you the article. In this case, the PV and UV in the flow of the nuggets main site is naturally lost, and readers can not give the article like and comment. That’s not what I wanted.

2. They must offer something unique

For example, improve the efficiency of development, provide instant messaging services, etc., in short, let digg friends to develop and catch fish.

Based on the above principles, I mainly use Webview to display nuggets related pages, so as to protect the interests of nuggets officials to the greatest extent.

Protect the interests of gold, that is, protect the interests of our friends.

Come on, show

It’s also fun to write code while working on nuggets

Known issues

Due to VSCode’s security policy, links to new Windows in webview cannot be clicked. So I rewrote the homepage of the nuggets (which would affect traffic on the homepage, but was the only possible solution) so that clicking on the list of articles could jump in VSCode. There are other links in the page that I personally don’t think need to be shown in VSCode. If you really want to, in fact, hold down CTRL and click to open the browser.

Function is introduced

Quick navigation

Quick access to nuggets main site several columns: home page, boiling point, pamphlets, events, etc. Thanks to vscode’s webview, you can log in using your own digger account, like and comment on your reading, just like you would in a browser.

Group chat (concept)

A small experimental function, all digging friends can be transformed into a small tadpole, we chat in this inside blowing water, real-time text chat.

The plugin Settings

Some feature Settings will be added in the future, such as reminders, but I haven’t decided yet. Waiting for feedback

The authors recommend

Will randomly climb the list of 10 nuggets of authors recommended to everyone. The top right button refreshes the list. Developing plug-ins is hard work, so allow me to put myself in the list: p.

Commonly used tools

Collect some common development tools, such as regular expression visualization, image-to-base64, and so on.

It will also show the introduction of recommencers, click it will enter the recommencers digging gold home page, we still don’t hurry to participate in?

I also recommend common tools

New function planning

Thanks to the WebView, 90% of the gold digging function works. There are plenty of new features in the works.

  1. Nuggets Stats Dashboard

Develop an enhanced version of the data background, you can clearly see the daily increase in the value of digging, etc.

  1. Group chat

It is only a test item now, but liao-chui messaging Shui may be an interesting feature when it is qun.

You dig friends have any ideas can leave a message, welcome to join the development of “I love nuggets”!!

Learn VSCode plug-in development

“I love digging gold” is an excellent example of VSCode plug-ins developed using Treeview and Webview.

  • Check out more VSCode plug-in development tutorials written by da shuai

Pay attention to the big handsome doing full stack


The essay calling activity of creator boot camp is in progress……