Cast websites from your laptop . At the top right, click Add to Chrome. So, we'll have an HTML file, say. That activates the “Load unpacked” button to add the extension files. James Hibbard shows how to build a simple Chrome extension, which alters the behavior of the new tab page, using the Vue.js framework. So we’ll create a manifest.json file and put it into the folder we created. To the right of the address bar, next to your extensions, you'll find the Cast button in blue which indicates that there's an ongoing Cast session. This will create a dist-zip folder in your project root, containing a ZIP file ready to upload to the Web Store. Chrome Extension (built with TypeScript + React) This project is a boilerplate project to allow you to quickly build chrome extensions using TypeScript and React. How to build Chrome extensions with React + Parcel Thanks to Umut for Hero Image. Let's use jquery to make our life easy. Extension Metadata. npm run build Adding The Extension to Your Chrome. A background script allows the extension to react to specific browser events, such as the creation of a new tab. UI script(popup.js): An extension can have its own UI, and the UI script has access to this UI. How do the scripts talk to each other, you ask? Should you want to make your extension available for others to download, youâd do this via the Chrome Web Store. Alter the template section in src/tab/App.vue as follows: Change the