运行
建议使用VSCode+wept开发微信小程序,VSCode安装JWSnippets-For-VSCode就可以将wxml、wxss解析成html和css,而wept支持使用chrome来调试微信小程序。下面讲讲这两种方法的使用:
JWSnippets-For-VSCode
下载安装VSCode
下载JWSnippets-For-VSCode, 提取码:8xan
安装JWSnippets-For-VSCode
A. 将json文件放入IDE的sinppets目录:
VSCode
Windows版本:C:\Users\用户名\AppData\Roaming\Code\User\snippets
Mac版本:/Users/用户名/Library/Application Support/Code/User/snippets
Wing
Windows版本:C:\Users\用户名\AppData\Roaming\EgretWing\User\snippets
Mac版本:/Users/用户名/Library/Application Support/EgretWing/User/snippets
如果找不到上述目录,可以打开IDE菜单->首选项->用户代码片段,分别选择Javasript、HTML(或者WXML),将下载的文件代码手动copy进去,保存即可。
B. 打开IDE菜单->首选项->用户设置,在settings.json加入以下代码:
VSCode:
[AppleScript] 纯文本查看 复制代码
?
1
"files.associations": { "*.wxml": "html", "*.wxss": "css"}
Wing:
[AppleScript] 纯文本查看 复制代码
?
1
"files.associations": { "*.wxss": "css"}
C. 为防止和其他命令冲突,本sinppet触发命令以'jw'开头。 如有疑问,可参照johnwang77大神的github
WEPT
WEPT 是一个微信小程序实时开发环境,它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。项目后台使用 node 提供服务完全动态生成小程序,前端实现了 view 层、service 层和控制层之间的相关通讯逻辑。支持 Mac, Window 以及 Linux
1. 主要特性:
支持 wxml, wxss, javascript 和 json 保存后热更新
支持系统 notification 更早提示构建和请求错误
使用后台转发 XMLHttpRequest 请求,无需配置 CORS, 可 配置代理
支持 所有小程序公开 API
可使用 Chrome 移动页面调试,可在移动端体验
支持 appData 和 storage 面板,需下载 Chrome 插件
2.安装与运行
[AppleScript] 纯文本查看 复制代码
?
1
2
3
npm i wept -g
cd 微信小程序所在目录
wept -p 3100
启动之后直接在浏览器里打开localhost:3100并启用手机调试模式就好了。
启动后台接口
[AppleScript] 纯文本查看 复制代码
?
1
2
3
4
5
6
7
8
9
启动mongodb
mongod --config=E:\mongod_install\mongod.conf
启动redis
redis-server.exe redis.windows.conf
启动接口
cd api
node .
目录说明
[AppleScript] 纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
api --- 提供后台接口
|-client --- 暂无用处
|-common --- loopback的公共模型
|-server --- loopback的服务器模型
|- boot --- 初始化执行脚本
|- modle --- 所有定义的模型目录
|- datasources.json --- 数据源定义文件
|- middleware.json --- 中间件配置文件
|- modle-config.json --- 模型定义文件
|- server.js --- 主程序
reptile --- 所有的爬虫目录
|- connectDB --- 连接数据库,操作数据库方法类
|- tools --- 实用方法类
|- networkReptile.js --- 爬虫主程序
|- config.js --- 爬虫配置js
weixin --- 微信小程序目录
|- assets --- 静态资源文件
|- datas --- 静态数据
|- images --- 图片资源文件
|- page --- 所有微信小程序的页面
|- util --- 工具类
|- app.js --- 微信小程序入口文件
前端完成进度
登录页面 --- done
今日页面 --- 改版成为个人中心页
我的书单页面 --- 完成了静态页面,尚未写接口逻辑
教务页面 --- 完成了静态页面,尚未写接口逻辑
书单排行榜页面 --- 完成了静态页面,并调用了获取排行榜的接口,现余下要修复的bug如下,A:纵横网言情分类返回的数据都是xxx的模拟数据,B:排行每本书的点击事件,这个要等book_detail完成之后才会得到解决
书城页面 --- 完成了静态页面,尚未写接口逻辑
开始book_detail页面的编写 ---
使用gulp和scss来管理微信小程序的代码 --- 废弃使用webpack打包小程序
阅读器 --- 已完成
后端完成进度
爬虫升级 --- done ,现在可以同时爬去百度贴吧和爱下电子书两个来源的小说
排行榜的爬虫 --- 已完成
新增排行榜的接口 --- 已完成,今天又修复了两个bug,A:rank中的书籍信息增加bookId方便以后根据此id定位到bookDetai页面,B:攻破起点网小说图片防盗链的小关卡
开始书城中推荐版块,免费新书版块后端接口的建设
改进之前的factionContents模块,增加根据bookId获取书籍包括所有章节和一些其他信息的接口
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
小程序带后端多个源码.zip (39个子文件)
小程序带后端多个源码
小程序带后端
k-push(含后端)
k-push(含后端).zip 22.8MB
扫码借阅系统:PHP后端
扫码借阅系统:PHP后端.zip 624KB
笑话集
笑话集前端.zip 405KB
后端.zip 3.03MB
微信支付后端示例
使用教程说明.txt 2KB
weapp-pay-getting-started-master.zip 12KB
旅运
旅运前端.zip 1.76MB
后端.zip 13KB
在线小说
使用教程说明.txt 4KB
在线小说.zip 1.63MB
美人鱼小说;包含前后端
meirenyu-master.zip 5.37MB
微信支付后端demo(java)
WechatPayDemo-master.zip 121KB
金盆洗脚城;node后端
使用教程说明.txt 218B
weapp-xijiaocheng-master.zip 41KB
商城类完整demo:DFS:前端、PHP后端
DFS-master.zip 128KB
地图查找附件
地图查找附件demo.zip 122KB
在线小说.zip 1.63MB
后端.zip 804KB
图片展示
使用教程说明.txt 282B
图片展示demo 含后端.zip 1.18MB
Shuttles;PHP后端
使用教程说明.txt 301B
Shuttles;PHP后端.zip 139KB
猎手搜索
weapp-JSJoke-master.zip 405KB
猎手搜索demo.zip 960KB
后端.zip 455KB
简易音乐音乐
简音乐demo.zip 8KB
后端.zip 25.34MB
数码商城
使用教程说明.txt 942B
后端.zip 688KB
数码商城源码.zip 688KB
销售龙虎榜:包含后端
wechat-longhu-master.zip 22KB
说明文件.txt 306B
图书馆写笔记
小程序源码demor.zip 479KB
后端.zip 17KB
茶叶商城(含后端)
后端.zip 1.85MB
wechat_mall_applet-master.zip 162KB
语音日记本;php后端
说明文件.txt 537B
SiYu-WX-master.zip 94KB
todolist,带简易后端
todolist,带简易后端.zip 469KB
共 39 条
- 1
资源评论
yxkfw
- 粉丝: 80
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 计算机毕业设计:python+爬虫+cnki网站爬
- nyakumi-lewd-snack-3-4k_720p.7z.002
- 现在微信小程序能用的mqtt.min.js
- 基于MPC的非线性摆锤系统轨迹跟踪控制matlab仿真,包括程序中文注释,仿真操作步骤
- shell脚本入门-变量、字符串, Shell脚本中变量与字符串的基础操作教程
- 基于MATLAB的ITS信道模型数值模拟仿真,包括程序中文注释,仿真操作步骤
- 基于Java、JavaScript、CSS的电子产品商城设计与实现源码
- 基于Vue 2的zjc项目设计源码,适用于赶项目需求
- 基于跨语言统一的C++头文件设计源码开发方案
- 基于MindSpore 1.3的T-GCNTemporal Graph Convolutional Network设计源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功