开发套件

开发常用命令

Install swiftcrab-cli

$ npm install pnpm -g
$ npm install swiftcrab-cli -g  或  pnpm add swiftcrab-cli -g

Create Project

$ cc create <project-name>

例: cc create demo

• 提供 react, vue2, vue3 三种模板

Create branch

$ cc createDev

• 自动创建，切换，推送日常分支至远程仓库，推荐使用时间戳格式

Create Components

$ cc addCpn <component-name> [-p component-path]
$ cc addV2 <component-name> [-p component-path]
$ cc addV3 <component-name> [-p component-path]

例: cc addCpn index -p src/view/page
    |—— [-p component-path]相对于当前文件路径
    |—— [-p component-path]不写，默认创建在`src/view`目录下

dns-prefetch

$ cc dns <name>

例: cc dns build
    |—— <name>打包后的文件名

• 背景: 解决除项目外其他域名的DNS解析慢导致页面加载过慢问题
  • 项目打包完后执行命令，会在 html 生成 <link rel="dns-prefetch" href="" /> 实现异步加载

发布命令 以下只针对gitee平台，其他平台暂不支持

Login

$ cc login

• 需要提供gitee的 仓库账号 和 仓库令牌

Logout

$ cc Logout

publish

$ cc publish

• 发布流程介绍
  • 会在gitee自动创建 Pull Requests，审查者需前往gitee进行代码CR
  • 代码CR后，在合并选项中勾选合并后删除分支选项
  • 代码合并master后，本地开发分支会自动删除，并自动切换至master进行pull

特殊命令

delete file or folder

$ cc del <path> <name>

例: cc del ./build demo
    |—— <path> 相对于当前文件路径

copy file or folder

$ cc copy <srcPath> <destPath>

例: cc copy ./src/view/index.tsx ./build/index.tsx
    |—— <srcPath> <destPath> 相对于当前文件路径