nutui框架小程序配置
京东mutui开发 微信小程序配置安装引入nutui项目运行开发工具安装主要过程按照 官方文档.即可,这里主要是简单的搭建环境,简单记录一下碰到的坑,采用的是Vue3版,react版未做测试引入nutui不管是采用js还是采用ts都不重要。这里有一个大坑,按照官方文档,全部引入编译会报错,提示NutUI is nudifined,为了控制小程序打包体积,官方推荐的是按需引入,对应的脚手架处理imp
·
安装
主要过程按照 官方文档.即可,这里主要是简单的搭建环境,简单记录一下碰到的坑,采用的是Vue3版,react版未做测试
引入nutui
不管是采用js还是采用ts都不重要。这里有一个大坑,按照官方文档,全部引入编译会报错,提示NutUI is nudifined,为了控制小程序打包体积,官方推荐的是按需引入,对应的脚手架处理import也是按需导入。如果只是简单学习使用,懒得按需引入组件的话,一定要把下面括起来的配置注释掉(太坑了,排雷用了一个小时)
项目运行
这里我实验的是微信小程序,其他诸如qq小程序大差不差。为了便于调试和上传代码,工具用的是官方的微信开发者工具。在命令行方借助脚手架创建好项目后,导入项目即可
项目启动
打开package.json,可以看到各种不同小程序平台对应的启动命令,在终端输入对应命令即可
到此,大功告成,项目已经是热部署方式启动了,修改后保存,会自动编译为原生的微信小程序组件
开发工具
个人建议还是尽可能的使用微信官方开发工具,真机调试起来比较方便。虽然官方的应用插件很少,但是可以使用vs code插件,像npm 命令管理、vue 高亮显示,基本还都能凑合用。
更多推荐
已为社区贡献1条内容
所有评论(0)