nutui框架小程序配置

nutui开发 微信小程序配置

  • 安装
  • 引入nutui
  • 项目运行
  • 开发工具

安装

主要过程按照 官方文档.即可,这里主要是简单的搭建环境,简单记录一下碰到的坑,采用的是Vue3版,react版未做测试nutui框架小程序配置_第1张图片

引入nutui

nutui框架小程序配置_第2张图片
不管是采用js还是采用ts都不重要。这里有一个大坑,按照官方文档,全部引入编译会报错,提示NutUI is nudifined,为了控制小程序打包体积,官方推荐的是按需引入,对应的脚手架处理import也是按需导入。如果只是简单学习使用,懒得按需引入组件的话,一定要把下面括起来的配置注释掉(太坑了,排雷用了一个小时)
nutui框架小程序配置_第3张图片

项目运行

这里我实验的是微信小程序,其他诸如qq小程序大差不差。为了便于调试和上传代码,工具用的是官方的微信开发者工具。在命令行方借助脚手架创建好项目后,导入项目即可
nutui框架小程序配置_第4张图片
项目启动
打开package.json,可以看到各种不同小程序平台对应的启动命令,在终端输入对应命令即可
nutui框架小程序配置_第5张图片
nutui框架小程序配置_第6张图片

到此,大功告成,项目已经是热部署方式启动了,修改后保存,会自动编译为原生的微信小程序组件
nutui框架小程序配置_第7张图片

开发工具

个人建议还是尽可能的使用微信官方开发工具,真机调试起来比较方便。虽然官方的应用插件很少,但是可以使用vs code插件,像npm 命令管理、vue 高亮显示,基本还都能凑合用。

nutui框架小程序配置_第8张图片

你可能感兴趣的:(taro,微信小程序,小程序,前端框架)