# project-architecture-WeChat-Typescript

**Repository Path**: vanwei/project-architecture-we-chat-typescript

## Basic Information

- **Project Name**: project-architecture-WeChat-Typescript
- **Description**: 一个简单的微信小程序Typescript+Westore的基座
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-03
- **Last Updated**: 2025-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TypeScript, Westore, Sass

## README

参考标准化项目结构：
/project-name  
├── /dist                   # 打包后的文件目录（通常自动生成，非必要手动管理）  
├── /miniprogram            # 微信小程序主体目录  
│   ├── /app.ts             # 小程序的全局TypeScript文件，使用.ts扩展名  
│   ├── /app.json           # 小程序的全局配置文件  
│   ├── /app.wxss           # 小程序的全局样式文件  
│   ├── /project.config.json # 项目配置文件  
│   ├── /sitemap.json       # 小程序站点地图配置（非必需）  
│   ├── /tsconfig.json      # TypeScript编译配置文件  
│   ├── /pages              # 存放所有页面的目录  
│   │   ├── /index  
│   │   │   ├── index.ts    # 页面的TypeScript文件  
│   │   │   ├── index.json  # 页面的配置文件  
│   │   │   ├── index.wxml  # 页面的结构文件  
│   │   │   └── index.wxss  # 页面的样式文件  
│   │   └── /otherPage      # 其他页面目录，结构同上  
│   ├── /components         # 存放可复用的组件的目录  
│   │   ├── /myComponent  
│   │   │   ├── myComponent.ts  
│   │   │   ├── myComponent.json  
│   │   │   ├── myComponent.wxml  
│   │   │   └── myComponent.wxss  
│   │   └── ...             # 其他组件目录  
│   ├── /utils              # 存放工具函数的目录  
│   │   ├── util.ts  
│   │   └── ...             # 其他工具文件  
│   ├── /typings            # 存放自定义TypeScript类型定义文件的目录（非必需，根据项目需求）  
│   ├── /images             # 存放图片资源的目录  
│   ├── /styles             # 存放全局样式或主题样式文件的目录（非必需）  
│   └── /static             # 存放静态资源的目录  
├── /config                 # 存放配置文件的目录（非微信小程序特有）  
├── /scripts                # 存放构建脚本或自动化脚本的目录  
├── /tests                  # 存放测试代码的目录（推荐用于大型项目）  
├── package.json            # 项目的npm包配置文件  
├── README.md               # 项目的说明文档  
├── tsconfig.json           # 项目根目录下的TypeScript编译配置文件（可选，如果miniprogram内已有）  
└── ...                     # 其他项目相关文件或目录

解决用户没有登陆直接拦截到登陆页面：
app.js
onLaunch(){
let token=getStorage("token");
    if(token){
      return;
    }else{
      wx.navigateTo({
        url:"pages/login/index"
      })
    }
}


实现状态管理 类似于vuex、Pinia, 可以进行持久化存储
i18n就没有必须了，因为外国人都没有普及微信小程序等


"packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
    ],
    "packNpmManually": true,