Skip to content

项目框架模板

1. 说明

为统一模板,同时也为摆脱构建工程时重复性的工作,项目框架模板包含:

  • 移动端开发模板
    • H5工程模板
    • 微应用工程模板
    • 其他,如小程序等待开发
  • web端开发模板
    • js模板工程
    • ts模板工程

1.1 H5工程模板

1)Env

  • Node >= 14.19

2)Feature

1.2 微应用工程模板

提示

因为丰声缓存微应用需要支持通过file:///D:/meeting/www/index.html#/这样的方式打开微应用,所以基于uni-app模板生成。 ,发布的时候需通过HBuilder菜单发行->网站-PC进行发布,推荐使用HBuilder开发。

1)Env

  • Node >= 10

2)Feature

3) Tips

Web配置如下图:

  • html模板文件template.h5.html,丰声微应用需在该文件中加入<script src="cordova.js"></script>。如需引用外部css或者js文件,可加在此文件中;
  • 路由模式选用hash
  • 运行的基础路径为./,设置路径为相对路径;

1.3 js工程模板

1)Env

  • Node >= 14.19

2)Feature

1.4 ts工程模板

1)Env

  • Node >= 14.19

2)Feature

2. 安装

2.1 配置registry

shell
# 设置
npm config set registry https://artifactory.sf-express.com/artifactory/api/npm/npm/

# 或通过nrm添加registry
nrm add sfmap https://artifactory.sf-express.com/artifactory/api/npm/npm/
# 使用registry
nrm use sfmap

2.2 全局安装

shell
npm i sfmap-cli -g

2.3 初始化工程

shell
sfmap-cli create

运行示例

提示

如项目模板拉取失败,是因为仓库“无授权”导致的,请联系【01416068】添加权限。