https://github.com/real-jacket/create-your-app

一个创建前端应用的脚手架（开发中）
https://github.com/real-jacket/create-your-app

cli js react template ts vue webpack

Last synced: about 15 hours ago
JSON representation

一个创建前端应用的脚手架（开发中）

• Host: GitHub
• URL: https://github.com/real-jacket/create-your-app
• Owner: real-jacket
• Created: 2022-04-12T08:00:05.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-02T17:06:00.000Z (over 1 year ago)
• Last Synced: 2025-01-13T14:51:00.784Z (12 days ago)
• Topics: cli, js, react, template, ts, vue, webpack
• Language: TypeScript
• Homepage:
• Size: 32.7 MB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Create Your App

这是一个 cli 工具，旨在降低 web 开发的前置成本。

## 快速开始

```shell

npx @rjkt/create-your-app create my-app

cd my-app

yarn dev

```

然后在浏览器里打开 [http://localhost:9000/](http://localhost:9000/)。

## 使用方法

## 定制化创建项目

目前只支持内置的 react + webpack 自定义项目。

使用 `npm`

```bash

npx @rjkt/create-your-app create my-app

```

使用 `pnpm`

```bash

pnpx @rjkt/create-your-app create my-app

```

### 快速创建项目

- react：基于 create-react-app 创建项目，`npx @rjkt/create-your-app react my-app`

- vue：基于 vite 创建项目，`npx @rjkt/create-your-app vue my-app`

## 功能

目前支持作者内置的 react + webpack 模板，后续功能持续开发中，具体开发计划可以参考项目的 [issue](https://github.com/real-jacket/create-your-app/issues)。

### 创建组件

支持使用 `npx @rjkt/create-your-app component my-component` 创建组件。目前内置仅支持 react、ts-react 组件。其余框架需自定义,唯一的占位符即创建组件的名字 `component-name`

## 内置模板

- [@rjkt/cya-react-webpack-template](/packages/react-webpack-template)：基于 webpack + js 的项目

- [@rjkt/cya-react-cra-ts-h5-template](/packages/react-cra-ts-h5-template)：基于 create-react-app + craco + typescript + h5 的项目

## 本地开发指南

1. 安装依赖 `pnpm i`，如果没有安装 `pnpm` ，请参考 [pnpm官网](https://pnpm.io/installation) 进行安装。

2. 在项目 `create-your-app/package/create-your-app`目录下使用 `yarn link` 或 `npm link` 链接到全局。

3. 获取内置模板`react-template` 的本地路径，使用命令 `cya create -t  `进行项目的创建测试。

注意：在 Linux 与 Macos 系统下还需要修改执行命令文件的权限为 755,`chmod 755 cya.js`

### 模板开发

1. 基于现有项目创建模板项目，使用命令 `cya transform  ` 进行项目的新建。

2. 更新现有模板,使用命令 `cya create -t  ` 进行项目的创建，然后在这个项目的基础上进行改动，改动完再执行第一步进行更新。