uni-app小程序开发项目启动

开发工具

  1. 建议采用uni-app推荐的HBuilderX(项目创建采用HBuilderX可视化界面的方式创建)
  2. 为了代码支持scss语法,HBuilderX需要装scss插件
  3. 开启压缩代码:在HBuilderX【运行】-【运行到小程序模拟器】中,勾上【运行时是否压缩代码】
  4. HBuilderX【运行】-【运行到小程序模拟器】-【运行设置】中,添加微信开发者工具的安装路径

运行项目

  1. npm i安装项目依赖
  2. 【运行】-【运行到小程序模拟器】-【微信开发者工具】
  3. 若微信开发者工具打开,则开发者工具会自动打开页面(部分情况微信开发者工具可能还是无法自动打开页面),若没有可手动操作以下【4】步骤,反之跳过【4】步骤
  4. 打开微信开发者工具,点击【导入】,选择项目所在文件夹 -【unpackage】-【dist】-【dev】-【mp-weixin】
  5. 在微信开发者工具中点击【工具】-【构建npm】(参考:(https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html))

其他

  1. 微信开发者工具npm构建的时候会报moment.js代码“不允许将require函数赋值给其他变量的错误”,目前没有特别好的解决方案,大部分机器上运行没有什么问题,后续考虑用day.js等其他库替换
  2. 如果字体iconfont更新,需要手动操作,从iconfont网站自建项目图标库中复制替换iconfont.scss中@font-face中的src(仅需要ttf), 参考(https://blog.csdn.net/pgzero/article/details/106022225)
  3. 考虑到小程序体积,echarts(uni-ec-canvas组件中的echarts.js文件)采用在线定制的方式,尽量减小包体积,目前仅有基于4.8.0版本(柱状图、折线图)+ 直角坐标系 +(图例、tooltip、markline、markArea、timeline、datazoom)
  4. 由于小程序体积限制,若打包提示体积过大,则需要进一步考虑分包策略

你可能感兴趣的:(uni-app小程序开发项目启动)