• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

WePY开发环境的安装和小程序生成WePY项目

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

相对于微信开发者工具而言,WePY的安装和生成项目稍显复杂。特记录下安装顺序:

1、安装Node.js

在Node官网(https://nodejs.org/)下载Node.js的安装包,此处我下载的稳定版

 

如何验证Node.js是否安装成功?打开CMD,输入node,显示Node.js 的版本号,则说明安装成功,如果显示“不是内部或外部命令,也不是可运行的程序或批处理文件”,则需要手动添加Node.js的安装地址到全局变量中(不会就自己百度去)。

 2、安装WePY

WePY的安装需要用到npm,它在安装Node.js后自动安装了,在cmd中使用“NPM -v”,查看是否成功安装npm;

 

 在cmd中使用“npm install wepy-cli -g” 命令安装WePY。

 

 出现这些就是已经安装完成。

//3、环境安装号后,在找一个良好的编写代码的IED环境,这里使用的是 Jet Brains系列的WebStorm的最新版,它支持Vue.js的开发及ESLint的语法。编写代码非常顺畅

3、生成开发实例,在cmd中执行命令:wepy init standard 项目名 ;进行初始化配置:出现下图则配置成功

 

 

 

出现以下报错的解决办法:

(1)打开目录:C:/Windows/System32/drivers/etc/

(2)找到hosts文件,使用管理员模式打开记事本(注意必须使用管理员身份打开)

  (3)   找到raw.githubusercontent.com 的固定IP地址,

(4)将hosts文件拖到管理员模式下的记事本中,然后在文件尾部添加以下文本:

  IP地址(185.199.108.133) raw.githubusercontent.com

(5)保存文件(可能还要重启一下计算机),就解决了

 

4、安装依赖

打开cmd,找到demo的路径:cd demo

安装依赖:打开cmd,执行 cnpm install,出现下图则安装成功(PS:安装时没有报错,仅仅警告肥最新版本,并不会影响代码的运行)。

 

 

5、实时编译

 打开cmd,执行 npm run dev,出现下图则编译成功

 

6、创建一个WePY项目

打开小程序开发者工具,新建一个测试项目,项目地址选择有WePY生成的dist文件夹,配置如下图 

 

 点击确定,生成项目之后,在调试器中出现报错信息,功能也用不了。这主要是WePY项目和原生小程序对于代码不同处理方式造成的。处理方式如下图:

 

 至此,项目就可以运行了


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序平台引流的3种常用方式发布时间:2022-07-18
下一篇:
VUE(uni-app)+SSM微信小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap