nutui开发 微信小程序配置

安装

主要过程按照 官方文档.即可,这里主要是简单的搭建环境,简单记录一下碰到的坑,采用的是Vue3版,react版未做测试在这里插入图片描述

引入nutui

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

项目运行

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

到此,大功告成,项目已经是热部署方式启动了,修改后保存,会自动编译为原生的微信小程序组件
在这里插入图片描述

开发工具

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

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐