微信小程序> WePY框架开发的小程序如何在微信web开发者工具中运行起来

WePY框架开发的小程序如何在微信web开发者工具中运行起来

浏览量:583 时间: 来源:weixin_33757609

2019独角兽企业重金招聘Python工程师标准>>>  小程序

                                                                                       

一、首先需要安装node.js,安装步骤如下:

首先下载安装包

https://nodejs.org/en/download/

点击下载相应的zip版本

然后将文件夹解压到任意目录

比如我这里解压到了:C:Program Filesodejs中

然后在这个目录下新建两个文件夹(我没有设置,也没出问题)

node-cachenode-global

运行下面的命令,这里的地址也是安装目录

npm config set prefix "C:Program Filesodejsode-global"npm config set cache "C:Program Filesodejsode-cache"

这是用来放npm全局模块的安装目录,也可以放到其他地方。

配置环境变量

新建一个系统变量

变量名:NODE_HOME变量值(你的安装目录):C:Program Filesodejs

编辑Path变量

新增两个条目

%NODE_HOME%%NODE_HOME%ode-global

打开CMD,如果执行的时候报错,试着换用管理员运行

测试,运行下面的命令有版本出现即可

node -vnpm -v

参见:windows下安装nodejs

二、安装完成后,将npm转换为cnpm(国内的):

注意使用管理员身份运行cmd,然后再运行如下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

小程序

三、下载依赖包

以管理员身份运行cmd,切换到项目目录小程序

使用命令安装依赖:cnpm install小程序

完成后会看到项目目录下多了一个文件夹:小程序

然后运行如下命令,全局安装或更新WePY命令行工具

npm install wepy-cli -g

然后开启实时编译

wepy build --watch

之后项目目录下又多了一个文件夹dist:

小程序

四、使用微信web开发者工具运行小程序

打开微信web开发者工具,选择小程序,然后选择项目目录,注意选择刚刚生成的dist文件:

小程序

成功,可以在工具里面演示和编辑代码了,小程序开发旅程开始了。

                                                                                                           小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎