UUCircle_frontend

UUCircle 留友圈前端, 基于 React 小程序前端框架 Taro 开发

资源集合

组件库资源：

Taro UI

WeUI

1. 使用说明

安装 dependencies:

npm install

如果出现编辑器对 Taro 组件报错的问题，请将node_modules/路径下@vue/文件夹删除之后重新打开 vscode

将本项目导入微信开发者工具后，执行以下编译命令即可开启预览。

编译命令 (根据需要任选其一即可)

# yarn
$ yarn dev:weapp
$ yarn build:weapp

# npm
$ npm run dev:weapp
$ npm run build:weapp

# 进行production build (打包体积更小):
$ npm run build:weapp_prod

如果出现打包失败报错The 'compilation' argument must be an instance of Compilation， 请运行npm dedup来重新整理 npm 包依赖树

2. Wechat Devtool 更新项目代码到线上

项目导入微信开发者工具后，确认代码版本后，从上方下拉框点击 ‘工具->上传’， 即可将代码推到小程序后台

3. Figma 切图使用步骤

• 进入 figma，选任意想切的图（图层之间都是嵌套关系，想切整体就不用双击，想切小的就双击 从左边的图层中选择要切的部分）

• 点击要切的 icon -> 展开右侧边栏 -> 上方 tag 选择 Design -> 点击 Export -> 选择格式

（JPG 是像素图，PNG 是背景透明的像素图，建议选 SVG 是矢量图）

• 点击 preview 可以预览导出后的效果，点 export xxx 可以导出

• 查看 CSS，安卓，IOS 代码：点击右侧边栏上方 Inspect