![]() This folder will contain all the code necessary for our extension.Īny Chrome extension requires a JSON manifest file upon the developer defines a common set of extension properties like: name, version, permissions, icon, so on. ![]() Now that you have the VSCode pointing to your workspace folder, create a new folder called "app". We want to work on our recently created folder, so go to "File" -> "Open Folder." or use + and select our "QR generator for Chrome" folder. ![]() Create a new folder called "QR generator for Chrome", the image below shows how to do it with PowerShell, but you can do it with Explorer, Finder, Shell, or any other way you prefer Let's start by creating the necessary folder structure. If you already know HTML, CSS and JavaScript this will be piece of cake. If you are not familiar with Chrome extensions, don't worry, anyone can describe them as an web applications that extend Google Chrome base functionalities. 135.įor this tutorial I will be using Windows 10, but both products work on Linux and Mac OS, so feel free to use whatever you like. As expected, for this tutorial, I am going to use Visual Studio Code.īefore we start, ensure that you have Visual Studio Code installed on your machine, I am using version 0.1.0 (first release after //Build 2015/) and Google Chrome, for this tutorial I am using version. Then, any extension user can scan the code and view the opened website on his mobile device. In this post, I'm going to describe how to create a simple Google Chrome extension, that generates a QR code for the currently opened browser tab. With the announcement of Visual Studio Code last week, I thought the best way to try it out was to write a small tutorial.
0 Comments
Leave a Reply. |