小程序开发解决方案

技术栈说明

本方案选用Vue@2作为前端架构，搭配UI组件集与Vuex@3状态管理机制来开发微信小程序。该技术组合经过多项项目实践，可确保开发过程平稳顺畅，并带来优异的性能表现。

组件文档查看

// 项目根目录下执行
yarn

该工程已接入自动生成文档功能。技术人员可利用本地9999端口检视此方案的作业模块资料。必须留意，端口编号或会受其他用途影响而调整，应以实际运作场合呈现的端口为依据。

构建部署流程

1. 访问构建平台

// 默认测试环境
npm run dev:mp-weixin
// 预生产
npm run dev:mp-weixin:preProd
// 热备环境
npm run dev:mp-weixin:standby
// 生产环境

npm run dev:mp-weixin:prod

得先联系运维人员询问在线构建平台的网址。该平台具备完整的持续集成和持续交付功能，能够对多个不同环境进行部署。

2. 提交规范

yarn run docs

所有代码的递交都要依照《信息技术部前端编码手册》所定的Git提交准则执行。推荐运用交互式命令行工具，挑选恰当的提交种类，并填入详尽的备注内容。

图片资源管理

1. Vue组件中的使用

建议通过全局变量方式引用图片资源，便于统一管理和后期维护。

// 打包测试环境，区别在于生成的二维码是体验版本二维码
build
// 预生产
build:preProd
// 热备环境
build:standby
//  打包正式生产环境，此二维码是正式版本二维码，一般打包都选这个
build:pord

2. 样式文件中的使用

在SCSS/CSS文件里，应当运用预设的通用样式方法来获取图像文件，这样做有助于维持引用形式的统一性。

开发资源参考

git add .
git commit -m 'feat: 完善登录'

项目开发过程中可以参考以下第三方资源：

常用工具库

实用组件集合

性能优化工具

npm run commit

这些资源经过技术团队筛选，能够有效提升开发效率。

注意事项

1. 环境配置

各个项目或许会运用各自的构建平台网址，必须核实精确的进入网址。

2. 文档查看

文档系统依赖本地服务运行，启动项目后才能正常访问组件文档。

<img class="logo" :src="mixinGlobalBaseMainImagesUrl + 'home-bg.png'" alt="" />

3. 代码规范

交互式指令行应用能助程序员迅速编造标准化的版本备注，最好形成固定做法。