Fronts-cli NPM

fronts-cli

fronts-cli web 前端工具箱(类 vue-cli 等)

模板生成命令

全局安装

(如之前有安装可以先卸载 npm uninstall fronts-cli -g)
npm install fronts-cli -g

如需下载特定版本加@1.8.5（版本号）

npm i fronts-cli@latest -g

    Usage: main [options] [command]

    Options:
    -V, --version                  output the version number
    -project,--project [name]      build you develop project name
    -token,--apitoken [apitoken]   send your api token
    -author,--author [name]        send your author
    -trigger,--triggerName [name]  send your triggerName
    -branch,--gitBranch [name]     send your gitBranch/tags
    -autotag,--autotag [name]      auto creat your tags
    -host,--host [name]            send your jenkis host
    -file,--file [name]            send your file
    -newfile,--newfile [name]      send your newfile
    -imgMin,--k
    -h, --help                     display help for command

    Commands:
    setup [env]                    run setup commands for all envs
    git-tag [options] [env]        set git tag for all envs
    auto-replace-file [env]        run auto-replace-file for repalce file
    push [options] [env]           run push commands for all envs
    auto-serve [options] [env]     run auto-serve commands for all envs
    create                         run create template file commands
    uploadMini                     run upload miniprogrammer  commands
    husky                          run husky your project commands
    imgMin [options]               Compress images by tinypng api
    help [command]                 display help for command

    Examples:
    $ custom-help --help
    $ custom-help -h

   代码执行模块：

    "dev": "fronts-cli --project rfhouse-html-dev --gitBranch */dev_branch setup dev",
	"test": "fronts-cli  --project rfhouse-html-test-bytag --gitBranch */dev_branch setup test",
    "build": "fronts-cli --project rfhouse-html-bytag --branch xx setup build",
    "test:tag": "fronts-cli --project rfhouse-html-test-bytag --autotag true setup test",
    "push": "fronts-cli push -p true",
    "auto-tag": "fronts-cli git-tag",
    "auto-replace": "fronts-cli auto-replace-file",
    "auto-serve": "fronts-cli auto-serve -p 8007",
    "upload": "fronts-cli uploadMini"

自动生成模板

fronts-cli create 即可运行生成文件交互式命令

模板类型

vue、小程序 page、小程序 component

预编译 less

fronts-cli less 即可开启监听也可以 fronts-cli less -s wxss/css 可传入想生成的文件后缀

自动生成 husky 配置

fronts-cli husky 即可运行生成 husky 配置工程化

重要补丁和更新

更新了微信自动发布去微信小程序管理后台配置下载 key 参考文档
更新了一个 yarn 安装调整为 cnpm 淘宝镜像
新增 pnpm 依赖包选项卡

本地调试

使用 npm root -g 找到 NPM 全局包安装位置
具体查看当前电脑安装路径（一般 fronts-cli 的项目路径为：C:\Program Files\nodejs\node_modules\fronts-cli）
修改 fronts-cli 全局包安装位置然后执行 fronts-cli 就是当前开发的命令行