Starting the Development Server and Editing

You should have your repository up and running, now we want to start the development server so you can start working on your extension.

Start the Local Instance

With this command, you will be able to make changes to your codebase and see your changes in real-time.


npm run dev

Using the info.ts File (Optional)

There is a file located at src/data/info.ts, this file houses a variety of variables to use in your project that you can edit and reflect the changes across your codebase without going into the files individually.

You can choose to use this file, or make the changes inside files one-by-one.

Building Your Local Instance

To get your build deployed onto Chrome, you will need to build the local instance, in which your content will be placed into the .output folder for loading your extension later.


npm run build