# 最新模板分支newTemplate0805

### psd命名规则
按钮单图   图层名字_btn_id  
按钮多图   组名_btn_id   （里面多图层，0常态，1不可点击，2按钮）  
普通图片png   图层名字_id  
普通图片jpg    图层名字_jpg_id  
容器节点    组名_id
矩形   图层名字_id  
文本   图层名字_id     （默认都居左，未改文本前， 调整调用Tool里方法changeTextAlign）  
贴图   图层名字_tex    (只切图，不进皮肤)  
作为item的皮肤不进root节点  组名_item   （比如自定义的类或滚动列表的item）  

（组名，图层名字，id均为动态）  
（id不必须，需要在模块内能直接拿到引用的才加）
（id为英文，显示对象原属性名不能作为id，比如"name"）
（同名的的图片只要图片相同就行，用clearSameImg脚本将同图移进common）  
（能合并的图自行合并）  
（视图模块名字命名成...Panel,...Scene,例如StartScene,RulePanel，方便生成模块传参，否则自行修改createModule脚本里的参数）  
（id必须是英文，作为item的组名必须是英文，因为会生成类）

### psd解析
生成./resource/skinJson.json和./src/SkinJson.ts，  
初始一致，json只用于脚本createModule.js生成场景或弹框模块，实际作用数据是ts，有需要自行修改SkinJson.ts  
执行，会刷新资源配置及覆盖SkinJson.ts，注意  
```shell script
#多视图解析，会解析./psd文件夹内所有psd及内视图
npm run psd
#单视图解析，主要用于处理后添加的视图，传参./psd文件夹内psd名字，
#资源及皮肤数据skin.json会在./psd文件夹内生成，自行处理进./resource/skin.json和./src/SkinJson.ts文件
npm run psdSin
```

### 生成模块 有psd生成皮肤数据时使用
会根据参数Panel或者Scene生成ts文件写入./src/panels或./src/scenes文件夹
```shell script
npm run createModule RulePanel
```


### 资源配置刷新
有资源删除或增加时执行  
会根据resource里的子级文件夹分组  
文件夹名字用于各模块里的groupNames，用于按需资源加载  
最后打包图集如果超出4096*4096，先手动分组加文件夹
```shell script
npm run flushRes
```

### 本地开发
```shell script
npm run dev
```

### 图集工具安装
```shell script
#全局安装
cnpm install pack_textures -g
#终端输入packTextures检查环境变量是否存在
```

### 淘宝打包流程
```shell script
#带资源打包，并生成./released/resource文件夹和./released/output.js文件
npm run build

#只打包代码，
npm run buildTS

#脚本copyJs.js自行修改小程序output.js文件路径，嫌麻烦自行修改package.json里的build和buildTS，也可自行复制output.js
npm run copyJs
```

### web打包流程
```shell script
#带资源打包，并生成./released/resource文件夹和./output.js文件及./released/index.html，可复制进皮肤
npm run buildWeb

#只打包代码，并生成./output.js文件及./released/index.html，会打印版本号，可直接更换皮肤的版本号
npm run buildWebTS
```

### 适配
./module/views/layers.ts可设置所有层级适配（弹框场景等等）  
单独模块的适配自行在模块里处理，修改this.y  

### psd导出文本
部分文案尺寸错误自行在SkinJson，ts里修改  
居中居右，在未修改文本字号字符等属性前调用Tools.changeTextAlign修改，可与psd表现保持一致  