微信小程序开发技术栈

uniapp

一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

安装地址：uni-app官网

组件(UviewUI、ColorUI)

ColorUI具体配置：

ColorUI安装地址：ColorUI-UniApp - DCloud 插件市场

直接使用HBuilderX导入（注意HBuilderX版本，版本过低可能导致无法导入成功）

下载源码解压，复制根目录的 /ColorUI 文件夹到你的根目录

App.vue 引入关键Css main.css icon.css

<style>
    @import "colorui/main.css";
    @import "colorui/icon.css";
</style>

UviewUI具体配置：

UviewUI安装地址：安装 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架

main.js中引入关键代码进行全局注册

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

App.vue 引入关键Css index.scss

<style lang="scss">
  @import "@/uni_modules/uview-ui/index.scss";
</style>

项目构造

colorui、uni_modules分别是下载的组件包

pages是页面配置文件夹

static存放静态资源

unpackge是小程序发布与打包后生成的文件夹

pages.json配置tabbar与导航栏

manifest.json是基础配置文件