How to build a vscode extension to embed Google Tasks web page into a vscode panel? - visual-studio-code

I'm thinking about building a vscode extension for Google Tasks. It seems to me the easiest approach is just to embed the Google Tasks website into a webview in vscode. It is my first time developing a vscode extension, I need some pointers on how to do it.
I think these are the problems I need to think through:
How to embed a working website in a webview in vscode?
How to deal with authentications for Google Tasks?
How to tweak the CSS to match the vscode theme?
How to intercept the keyboard events to rebind Google Tasks shortcuts in vscode?
Thanks!

Related

How to open standard websites in vscode?

Trying to open a website such as www.wikipedia.com or google.com in a website within vscode. Is there any extension for this? The only thing I find is preview browsers for looking at html files etc. I am just trying to have web browser open in a separate window such that I can search the web...
I tried couple extension but none work.

VSCode dosen't suggest React Native components or css properties

I just installed VSCode and React Native but when I watched some videos about app development in these I noticed that VSCode suggests React Native components and CSS properties (in app.js) for the user so want to find a way to enable this function or there might be an extension that does it.
here are a couple of images for more clarity (from videos - the results I want)
https://i.stack.imgur.com/cPAPE.png
https://i.stack.imgur.com/m7aK1.png
I tried maybe importing all React Native components but it seems to be stupid.
I noticed that in the CSS files VSCode does suggest properties.
VSCode does suggest words I already used.
I think I found a solution. I just reset my VScode settings and it seem to work.
How to reset settings in Visual Studio Code?

Associate file type to my vscode extension like a project file

I'd like to do something like a project file. When the user opens it, the webview of my extension would welcome the user instead of the default VSCode editor.
I know I can workaround it by adding extra context menu items or buttons, but in this case I'm curious if it's possible to override that it by default tries to open in the editor.
Is this possible either manually or automatically?
What you're after sounds exactly like what the upcoming webview / custom editor API hopes to accomplish.
The custom editor API aims to allow extensions to create fully customizable read/write editors that are used in place of VS Code's standard text editor for specific resources. These editors will be based on webviews. We will support editors for both binary and text resources.
See the following issue for more info and further links to the proposed API, example extensions etc:
Custom webview editor API (#77131)
Note that it usually takes a while for new APIs to make it into stable releases after being made available as "proposed APIs".

Matlab: How to activate autocomplete without Tab?

From
How to enable auto word completion in the MATLAB Editor?
I know that we can Tab to ask for autocomplete. However, this is kind tedious. In IDEs like rubymine, there is no need to ask for a autocomplete, the suggestion jumps out by itself.
And this is working on mobile device: http://www.mathworks.cn/cn/help/matlabmobile_android/ug/autocomplete.html. Is is possile to do it on desktop?
So how can I make the autocomplete autoly? without the need of Tab?
I've searched that on the Internet before. But no results:( It seems that Tab is the only way to achieve complete on MATLAB desktop up till now. AUTOcomplete is available on the mobile version because of the inconvenience for one to type on a mobile phone MAYBE.

Is there a Keyboard Shortcut in Chrome Developer Tools to switch Source File?

Checking the list
https://developers.google.com/chrome-developer-tools/docs/shortcuts?csw=1#sources-panel
I cannot find any way to navigate through the source files inside Chrome Dev Tools. Anyone with an idea how to switch source files without using the mouse?
Ctrl-P / Ctrl-O shortcut will bring up a Goto-Source dialog.
To my knowledge there is no keyboard shortcut for doing this. I would know since I have recently updated that page multiple times to add or change some shortcuts.
I'm pretty sure there's no command you can configure either.
I'd suggest opening a ticket for it if you would like to see this added.