Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/violentmonkey/generator-userscript

A yeoman generator to create a userscript project rapidly
https://github.com/violentmonkey/generator-userscript

Last synced: 6 days ago
JSON representation

A yeoman generator to create a userscript project rapidly

Awesome Lists containing this project

README

        

# @violentmonkey/generator-userscript

![NPM](https://img.shields.io/npm/v/@violentmonkey/generator-userscript.svg)

Yeoman generator to create a workspace for userscript easily.

## Prerequisites

- Node.js >= 18

## Features

- TypeScript
- [SolidJS](https://www.solidjs.com/)
- CSS modules (applied for `.module.css` files)
- [UnoCSS](https://unocss.dev/)

Read [this](https://violentmonkey.github.io/guide/using-modern-syntax/) for more details.

## Get Started

First of all, make a new directory for your userscript.

```sh
$ mkdir my-script
$ cd my-script
```

Then follow one of the options below to create the files.

### Option 1: npm

Please make sure your `npm` is up to date because in earlier versions (e.g. 8.12.x) there was a bug that prevented `npx` from installing the correct dependencies.

```bash
$ npm i npm -g

# Use the latest version from git
$ npx -p github:violentmonkey/generator-userscript -p yo yo @violentmonkey/userscript
```

### Option 2: pnpm

```bash
$ pnpm --package github:violentmonkey/generator-userscript --package yo dlx yo @violentmonkey/userscript
```