开发者文档

Appearance

本页导航

技术栈 ​

新建项目 ​

根据指引完成创建，所有分支都选dev，目前main不是最新

sh
pnpm add @cixjs/cli -g     # 全局安装cix脚手架
cix init projectName       # 初始化项目
pnpm add @cixjs/cli -g     # 全局安装cix脚手架
cix init projectName       # 初始化项目
sh
npm i @cixjs/cli -g        # 全局安装cix脚手架
cix init projectName       # 初始化项目
npm i @cixjs/cli -g        # 全局安装cix脚手架
cix init projectName       # 初始化项目
sh
yarn global add @cixjs/cli # 全局安装cix脚手架
cix init projectName       # 初始化项目
yarn global add @cixjs/cli # 全局安装cix脚手架
cix init projectName       # 初始化项目

已有项目 ​

查看前端项目汇总

sh
# 加上 --recursive 会自动clone子模块(cix工具包)
git clone <gitlab地址> --recursive
npm i
npm run dev:h5
# 加上 --recursive 会自动clone子模块(cix工具包)
git clone <gitlab地址> --recursive
npm i
npm run dev:h5

项目结构 ​

txt
📂 项目根目录
📂 config [编译配置](http://taro-docs.jd.com/taro/docs/config)
    📃 dev.js
    📃 index.js
    📃 prod.js
📂 src [源码目录]
    📂 cix [cix框架]
        📂 api [API调用]
            📃 host.ts API调用域名
        📂 business [API数据业务处理]
        📂 entity [API数据类型]
        📂 components [项目层常用组件]
        📂 proxy [@tarojs/taro里的封装方法](这里要引用@tarojs/taro,改为cix/Proxy/Cix)
    📂 configs [业务框架配置]
        📃 CixConfig.ts [业务配置]
    📂 constant [常量]
    📂 pages [页面文件目录]
        📂 home [home页面目录]
            📃 index.config.ts [home页面配置]
            📃 index.less [home页面样式]
            📃 index.vue [home页面DOM结构]
            📃 indexT.ts [home页面逻辑](这里用indexT命名是绕过taro默认引入index.ts优先级高于index.vue的解决方案)
    📂 proxy [业务框架代理]
        📃 BusinessProxy.ts 全局业务代理
    📂 static [静态资源]
        📂 common [公共资源]
        📂 css [样式文件]
        📂 fonts [字体文件]
        📂 images [图片文件]
        📂 lib [包文件]
    📂 store [Vuex]
    📂 utils [工具类]
        📃 Common.ts [常用工具类]
        📃 LoginAtAppletH5.ts [小程序环境下H5凭证解析类]
📃 .eslintrc [ESLint配置]
📃 babel.config.js [Babel配置]
📃 project.config.json [小程序项目配置]
📃 project.tt.json [字节跳动小程序项目配置]
📃 project.swan.json [百度小程序项目配置]
📃 project.qq.json [QQ 小程序项目配置]
📃 package.json [包配置]
📃 tsconfig.json [TypeScript配置]
📂 项目根目录
📂 config [编译配置](http://taro-docs.jd.com/taro/docs/config)
    📃 dev.js
    📃 index.js
    📃 prod.js
📂 src [源码目录]
    📂 cix [cix框架]
        📂 api [API调用]
            📃 host.ts API调用域名
        📂 business [API数据业务处理]
        📂 entity [API数据类型]
        📂 components [项目层常用组件]
        📂 proxy [@tarojs/taro里的封装方法](这里要引用@tarojs/taro,改为cix/Proxy/Cix)
    📂 configs [业务框架配置]
        📃 CixConfig.ts [业务配置]
    📂 constant [常量]
    📂 pages [页面文件目录]
        📂 home [home页面目录]
            📃 index.config.ts [home页面配置]
            📃 index.less [home页面样式]
            📃 index.vue [home页面DOM结构]
            📃 indexT.ts [home页面逻辑](这里用indexT命名是绕过taro默认引入index.ts优先级高于index.vue的解决方案)
    📂 proxy [业务框架代理]
        📃 BusinessProxy.ts 全局业务代理
    📂 static [静态资源]
        📂 common [公共资源]
        📂 css [样式文件]
        📂 fonts [字体文件]
        📂 images [图片文件]
        📂 lib [包文件]
    📂 store [Vuex]
    📂 utils [工具类]
        📃 Common.ts [常用工具类]
        📃 LoginAtAppletH5.ts [小程序环境下H5凭证解析类]
📃 .eslintrc [ESLint配置]
📃 babel.config.js [Babel配置]
📃 project.config.json [小程序项目配置]
📃 project.tt.json [字节跳动小程序项目配置]
📃 project.swan.json [百度小程序项目配置]
📃 project.qq.json [QQ 小程序项目配置]
📃 package.json [包配置]
📃 tsconfig.json [TypeScript配置]

如发现项目运行不起来 ​

尝试如下方案

  1. 检查是否src下有cix工具包

如果src下没有cix目录或者cix是空的 在src下执行

sh
rm -rf cix
git clone http://192.168.14.111/investoday-c/h5/common/cix-tool cix -b dev
rm -rf cix
git clone http://192.168.14.111/investoday-c/h5/common/cix-tool cix -b dev
  1. 检查src/cix下的分支是否是dev
sh
git branch -v
git checkout dev # 如果不是则切换到dev分支
git branch -v
git checkout dev # 如果不是则切换到dev分支
  1. 检查是否项目依赖有@tarojs/cli

没有则联系项目技术负责人或同事查看对应版本

sh
npm install @tarojs/[email protected] -D
npm install @tarojs/[email protected] -D

lhiro

Copyright © 2002-present Evan investoday