Touch WX

TouchWX

使用TouchWX开发小程序,需要学习@小程序文档
TouchWX是基于小程序组件机制开发的,所以说支持小程序全部语法。

下载demo

1.下载TouchWX

npm install

2.终端命令

tui dev 或 tui build

3.启动项目

打开微信开发工具,选择小程序。
1.项目目录选择dist文件路径。
2.填写AppID。
3.填写项目名称。
4.完成。小程序项目首页。

创建一个新的小程序

安装详细流程请参考官方文档。

开发工具

Visual Studio Code 下载地址:https://code.visualstudio.com。

调试工具(微信开发工具)

微信开发工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

插件安装

VS中安装Touch WX和Vetur E。
Vetur E是我们基于vue语法插件Vetur扩展,具有微信小程序API语法提示功能

touchui-wx-cli

npm install -g touchui-wx-cli

touchui-wx-component

npm install touchui-wx-components@1.0.89
项目目录结构
WechatIMG77.jpeg

使用

终端或者VS终端输入命令。

启动服务

tui dev

打包dist

tui build
微信开发工具启动项目
WechatIMG76.jpeg
1.项目目录是打包好的dist目录。
2.AppID有就填写,无就选体验。
3.输入项目名称。

使用区别

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容