这是一个 cli 工具,旨在降低 web 开发的前置成本。
npx @rjkt/create-your-app create my-app
cd my-app
yarn dev
然后在浏览器里打开 http://localhost:9000/。
目前只支持内置的 react + webpack 自定义项目。
使用 npm
npx @rjkt/create-your-app create my-app
使用 pnpm
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。
支持使用 npx @rjkt/create-your-app component my-component
创建组件。目前内置仅支持 react、ts-react 组件。其余框架需自定义,唯一的占位符即创建组件的名字 component-name
- @rjkt/cya-react-webpack-template:基于 webpack + js 的项目
- @rjkt/cya-react-cra-ts-h5-template:基于 create-react-app + craco + typescript + h5 的项目
- 安装依赖
pnpm i
,如果没有安装pnpm
,请参考 pnpm官网 进行安装。 - 在项目
create-your-app/package/create-your-app
目录下使用yarn link
或npm link
链接到全局。 - 获取内置模板
react-template
的本地路径,使用命令cya create -t <local-template-path> <project-name>
进行项目的创建测试。
注意:在 Linux 与 Macos 系统下还需要修改执行命令文件的权限为 755,chmod 755 cya.js
-
基于现有项目创建模板项目,使用命令
cya transform <source-template-path> <target-template-path>
进行项目的新建。 -
更新现有模板,使用命令
cya create -t <local-template-path> <project-name>
进行项目的创建,然后在这个项目的基础上进行改动,改动完再执行第一步进行更新。