The easiest way to upload your own pip package to pypi.org

Qichao — Sun, 27 Mar 2022 10:20:52 +0000

Python's package choice is a selling point of it. Yet the package management pip can be quite tricky for starters with issues like env, version number, etc.

To publish a package using pip to pypi.org is not easier at all, due to the complicated and unintuitive process.

The good news is, we have now have a wonderful template to work with and the powerful GitHub Action to help.

Use a template

First, you should download this repo:
https://github.com/chaosprint/setup.py

Some things to do:

change the name of mypackage to YOUR-PACKAGE-NAME
Edit the core.py to fit your need
Edit the setup.py based on the comment inside

Use GitHub

Now create a new GitHub repo.
Upload your package and double check the license, readme, version number, author, etc.

Create a new action

After you upload your code, click Action on your repository.

Choose Publish Python Package.

Change the __token__ to your username on pypi.org (you should have registered one).

Then, commit it.

Create a secret in your repo settings

Settings -> Secrets -> New repository secret

key: PYPI_API_TOKEN
value: YOUR_PASSWORD_FOR_PYPI

Finally

Create a release. Then the project will be built and uploaded to pypi automatically.

Vite.js, Sevelte.js, and Windi CSS: The Perfect Combo for My Web Dev

Qichao — Sun, 30 Jan 2022 08:44:40 +0000

Why

Vite is fast.

Svelte is elegant.

Windi CSS is easier to install than Tailwind on Vite-Svelte.
And you should read this before you choose: https://github.com/windicss/windicss/discussions/176

Preparation

I strongly recommend pnpm as it is much faster and saves spaces on disks. If you haven't installed it, run:

npm i -g pnpm

Get started

First, create new vite project using:

pnpm create vite

Then choose svelte in the interactive CLI dialog.

Then:

cd projectFolder
pnpm i
pnpm i -D vite-plugin-windicss windicss

Then in vite.config.js:

import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import WindiCSS from 'vite-plugin-windicss'

// https://vitejs.dev/config/
export default {
  plugins: [
    WindiCSS(),
    svelte()
  ],
}

In main.js:

import 'virtual:windi.css'

Done!

pnpm dev
pnpm build

DEV Community: Qichao