gaojiteng v1.3.2

命令行工具(前端工具箱)

     __            .----.                                         
...-'  |`.       .   _   \                   .-''-.               
|      |  |     /  .' )   |                .' .-.  )              
....   |  |    |   (_.    /               / .'  / /               
  -|   |  |     \     ,  / .-''` ''-.    (_/   / /                
   |   |  |      `'-'/  /.'          '.       / /          __     
...'   `--'  .-.    /  //              `     / /        .:--.'.   
|         |`.\  '--'  /'                '   . '        / |   \ |  
` --------\ | '-....-' |         .-.    |  / /    _.-')`" __ | |  
 `---------'           .        |   |   ..' '  _.'.-''  .'.''| |  
                        .       '._.'  //  /.-'_.'     / /   | |_ 
                         '._         .'/    _.'        \ \._,\ '/ 
                            '-....-'` ( _.-'            `--'  `"  


 version  1.2.2  



? 请输入APP名称(name)? appName
? 请输入APP简称(short_name)? short_name
? 主题颜色(theme_color)? #e56045
? 默认背景(background_color)? #f2f2f2
? 显示模式? fullscreen
? 范围? /
? 启动页面? /startpage.html

安装

npm install -g @xiaohong/tools1902

命令行使用

查看帮助

tools1902 -h

使用文档: tools1902 [options] -p [path/img.png]

命令：
  tools1902 manifast  manifast
  tools1902 ico       ico
  tools1902 zip       jszip

选项：
      --version  显示版本号                                               [布尔]
  -p, --name     应用名称                    [字符串] [必需] [默认值: "appName"]
  -h, --help     显示帮助信息                                             [布尔]

示例：
  tools1902 manifast -p ./arrow.png  生成 manifast.json和实例到pwa-manifast目录
  tools1902 zip                      对pwa-manifast文件夹进行zip打包
  tools1902 ico -p ./favicon.png     自动生成 favicon.ico到ico目录

查看版本

tools1902 --version

生成 manifast.json文件

自动生成 PWA manifast.json和相应的图片 并且有demo， 自动关联

tools1902 manifast -p arrow.png

目录结构

.
|____index.html
|____img
| |____icon-icon-152x152.png
| |____icon-icon-256x256.png
| |____icon-icon-192x192.png
| |____icon-touch-icon-ipad-144.png
| |____icon-icon-384x384.png
| |____icon-icon-144x144.png
| |____icon-icon-128x128.png
| |____icon-icon-96x96.png
| |____icon-icon-72x72.png
| |____icon-icon-512x512.png
| |____icon-touch-icon-iphone-114.png
| |____icon-icon-114x114.png
|____startpage.html.html
|____manifast.json

生成zip包

将 pwa-manifast文件夹压缩成zip包

tools1902 zip

用png生成ico图标

得到一个favicon.ico文件

tools1902 ico -p ./arrow.png

## manifast.json 配置文件

```json
{
"name": "京东",
"short_name": "京东",
"theme_color": "#e56045",
"background_color": "#f2f2f2",
"display": "fullscreen",
"Scope": "/",
"start_url": "/startpage.html",
"icons": [
{
"src": "imgs/icon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "imgs/icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "imgs/icon-114x114.png",
"sizes": "114x114",
"type": "image/png"
},
{
"src": "imgs/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "imgs/icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "imgs/icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "imgs/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "imgs/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "imgs/icon-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
"src": "imgs/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"splash_pages": null
}