微信小程序开发——wepy使用详细解析

1、新建文件夹(文件名:Mywepy(自定义))
2、在VSCode中打开新建的文件夹
微信小程序开发——wepy使用详细解析_第1张图片
3、打开新建终端
微信小程序开发——wepy使用详细解析_第2张图片
4、在终端执行如下代码,安装wepy(需要连网下载)

npm  install wepy-cli -g

微信小程序开发——wepy使用详细解析_第3张图片
以上为安装成功
5、再执行如下代码:

wepy init standard  wepy-project

微信小程序开发——wepy使用详细解析_第4张图片
6、在控制台执行如下代码

cd wepy-project  

cd:切换到wepy-project目录下,-----> 对应前面新建的目录 (wepy init standard wepy-project

7、在控制台执行如下代码

npm  i

结果如下:
微信小程序开发——wepy使用详细解析_第5张图片
8、执行如下代码

npm run dev

执行结果如下:
微信小程序开发——wepy使用详细解析_第6张图片
9、打开微信开发者工具
微信小程序开发——wepy使用详细解析_第7张图片
微信小程序开发——wepy使用详细解析_第8张图片
10.点击确定,VSCode就与微信开发者工具结合起来了。
可以直接在VSCode中修改代码,微信开发者工具会同步。

有疑问可私聊,也可发表个人评论。

你可能感兴趣的:(工具的使用说明,wepy的详细使用)