All Steps for Development - devstefancho/chrome-extension-color-picker GitHub Wiki

Clone repo

git clone https://github.com/devstefancho/chrome-extension-color-picker.git

Go to project and install node_modules

yarn

Develop feature in dev server

yarn dev

Update version from public/manifest

{
  "manifest_version": 3,
  "name": "Color Picker",
  "version": "0.1", ------------> update this version
  "description": "The extension provides a user-friendly interface for UI/UX designers to easily select and copy color values",
  "icons": {
    "16": "images/icon-32.png",
    "32": "images/icon-32.png",
    "48": "images/icon-32.png",
    "128": "images/icon-32.png"
  },
  "content_scripts": [
    {
      "js": ["content.js"],
      "matches": [
        "https://developer.chrome.com/docs/extensions/*",
        "https://developer.chrome.com/docs/webstore/*"
      ]
    }
  ],
  "action": {
    "default_popup": "index.html",
    "default_icon": "images/icon-32.png"
  }
}

Build and compress dist folder

yarn build
yarn zip