Fe-Fwk CLI

The CLI tool that accompanies the book Build a frontend framework from scratch. Used to create the project structure for the book, so you can start writing the code right away.

Installation

You can install the CLI globally with npm:

npm install -g fe-fwk-cli

Usage

Creating the project for the book

To create an empty project were you can write the code for the book, run:

fe-fwk init <framework-name>

Where <framework-name> is the name you want to give the framework. This will create the following structure:

├── README.md
├── package.json
├── packages
│     ├── compiler
│     ├── loader
│     ├── runtime

Each of the packages is configured the same way, using the following scripts:

• build: bundles the javascript code—using Rollup—into a single ES module file
• test: starts the Vitest test runner in watch mode
• test:run: runs the Vitest test runner once
• lint: runs ESLint on the code
• lint:fix: runs ESLint on the code and fixes any issues it can