/cases

some case in work

Primary LanguageJavaScript

介绍

一个自动化的工具，通过命令行，把你的项目名和项目 uri输入终端，然后就会自动写入到 readme.md 下的 case标题下，同时网页会获取新的内容，进行查看。

主要用途是方便记录个人工作写到的一些案例，便于管理。

由于第三方包 tailwindcss和 vue3以 cdn形式引入，会受到网速影响，在开始的时候闪烁一下样式变动。

pCwWNRA.png

Link: CASES

使用

  • npm run <option> 管理你的案例
    • option
      • add <title> <uri>

        • 如果有空格，可以使用''单引号标识，所有内容都会添加到本地 README.md

          pCwmggS.png

      • del <id>
        • 输入 id删除，如果是 title，可能会有多种重名的情况，所以推荐 id
        • 将会删除本地article的数据和Readme.md下的CASES下的内容以及CASE.md下的内容
        • 后续有待开发，批量删除功能....pCwsQAA.jpg
      • update <oldTitle> <new Title>
        • 开发中...
        • 可删除后添加
      • find <title>

        • 根据名称搜索案例

        • bug: 中文似乎有问题

          pCwms4P.png

      • like <title>

        • 根据名称模糊搜索

          pCwy7in.jpg

      • ls

        • 查看全部案例

          pCwmDAI.png

        • uri过长会显示省略号，可使用 find命令详细察看

      • color

        • 可查看所有输出颜色配色

          pCwmdnH.png

  • case <commander> <option>
    • 全局命令，进入到目录下， 进行 npm link
    • 开发中...

本地使用 vscode开启 live serve服务，打开根目录下的 index.html即可

部署

  • git clone --branch dev https://github.com/WestCraneLi/cases.git
  • git 下载 dev分支，因为该分支没有数据，需自行添加，然后部署到 github即可
  • 推荐使用 github+vercel部署,只要 github主分支有更新，vercel自动更新
  • gitflows更新方法有待开发....

参考

CASES