1.7.12 • Published 6 years ago

sy-cli v1.7.12

Weekly downloads
4
License
ISC
Repository
github
Last release
6 years ago

soyoung fe cli

Build Status Github Releases

大部分子命令都需要内网环境,外网环境使用暂不支持

关于sy-cli

sy-cli是为了更加高效解决日常sy前端工作中的开发/调试/部署问题,包含:

  • 小程序 - 自动生成二维码,
  • 统一发布流程 接入发布系统,
  • 基础js类库引用,
  • 跨平台调试工具,
  • 命令行生成雪碧图,
  • 命令行qshell使用(解决跨平台兼容问题),
  • 等等

sy-cli可以接入有帮助的各种,感兴趣的乡亲随时联系我~

安装sy-cli

npm install sy-cli

查看帮助及所有命令

sy-cli -h

查看帮助及所有命令

小程序 - 自动生成二维码

需要在打包机上安装好 微信开发者工具,配置好开发环境!才能有下面步骤!!!

// 在你的项目中 
// 新建 sy-cli-qr.json
// 修改package.json的scripts
// package.json

...
"scripts": {
    "dev": "wepy build --watch",
    "build": "cross-env NODE_ENV=production wepy build --no-cache",
    "test": "echo \"Error: no test specified\" && exit 1",
    "qr": "sy-cli qr \"./sy-cli-qr.json\""
  },
...
// sy-cli-qr.json

{
 "path":{
// mac上的cli路径都一样
   "cli":"/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/bin/cli",
// wepy生成后的路径
   "wx":"./dist"
 },
 "source":{
// wepy的编译
   "scripts":"npm run build"
 },
// jenkins的工作空间里面
 "jenkinsURL":"http://ip:8080/job/XXX/ws/",
// 钉钉机器人的token
 "dingtalkToken":"XXXX"
}

ps: jenkins的打包机器为 物理mac机器,所以不能在内部gitlab 使用webhook触发。

jenkins上的图片也不能对外解析,所以钉钉里面无法直接展示

具体原理https://www.jianshu.com/p/bbe144ac0d6a

upload - 接入发布系统,统一发布流程

sy-cli upload  <path> (--am) (--test)

项目配置 对应的json 文件. 内容为下图格式

{
    // 项目名称
    "productName": "fe-m",
    "protocol": "http://",
    // 子项目git地址
    "url" : "*******.git",
    // git 用户名
    "userrname": "***",
    // git 密码
    "password": "***",
    // 对应path 路径
    "gitpath": "xxx"
}

image.png

utils - 在当前项目加入工具类

utils.js 引入方式为打包引用/cdn引用两种,选择后输入gitlab账户,提供最新版下载或者CDN地址

sy-cli utils

image.png

bsync - 代理URL及监听指定目录文件,实现浏览器同步刷新

集成browser sync,输入要代理的URL及目录即可实现

sy-cli bsync

image.png

cdn - 目前包含qupload 上传 及 cdnrefresh 刷新CDN地址缓存两种

sy-cli cdn <path>

sy-cli cdn 会根据提供的path路径读取七牛上传配置文件, 集成了sy-qshell ,从服务器拉取最新的aksk, 实现文件上传。

r - 有条件展示的命令

如果sy-cli执行的当前目录包含package.json,且package包含scripts,在 sy-cli -h的时候会在带出当前可以执行命令

sy-cli r test

等同于

npm run test

r <option>

sprite - 生成精灵图及样式表

输入或默认在要生成的文件夹下,输入要生成为精灵图的图片前缀(eg : icon- ***.jpg) 会自动生成相对应的精灵图及样式表

操作流程:

  • sy-cli sprite
  • 按照步骤,是否在当前目录下执行,或可输入相对当前路径的执行目录
  • 将事先准备好要打包的图片的统一前缀填写
  • 调节图片直接的距离(默认为0)
  • 将生成出sprite的文件夹,文件夹中会出现精灵图,以及对应的样式表。
sy-cli sprite

image.png

1.7.12

6 years ago

1.7.11

6 years ago

1.7.10

6 years ago

1.7.9

6 years ago

1.7.8

6 years ago

1.7.7

6 years ago

1.7.6

6 years ago

1.7.5

6 years ago

1.7.4

6 years ago

1.7.3

6 years ago

1.7.2

6 years ago

1.7.1

6 years ago

1.7.0

6 years ago

1.6.10

6 years ago

1.6.9

6 years ago

1.6.8

6 years ago

1.6.7

6 years ago

1.6.6

6 years ago

1.6.5

6 years ago

1.6.4

6 years ago

1.6.3

6 years ago

1.6.2

6 years ago

1.6.1

6 years ago

1.6.0

6 years ago

1.5.7

6 years ago

1.5.6

6 years ago

1.5.5

6 years ago

1.5.4

6 years ago

1.5.3

6 years ago

1.5.2

6 years ago

1.5.1

6 years ago

1.5.0

6 years ago

1.4.9

6 years ago

1.4.8

6 years ago

1.4.7

6 years ago

1.4.6

6 years ago

1.4.5

6 years ago

1.4.4

6 years ago

1.4.3

6 years ago

1.4.2

6 years ago

1.4.1

6 years ago

1.4.0

6 years ago

1.3.9

6 years ago

1.3.8

6 years ago

1.3.7

6 years ago

1.3.6

6 years ago

1.3.5

6 years ago

1.3.4

6 years ago

1.3.3

6 years ago

1.3.2

6 years ago

1.3.1

6 years ago

1.3.0

6 years ago

1.2.9

6 years ago

1.2.8

6 years ago

1.2.7

6 years ago

1.2.6

6 years ago

1.2.5

6 years ago

1.2.4

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.8

6 years ago

1.1.7

6 years ago

1.1.6

6 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago