专栏首页编程微刊微信小程序wepy框架入门教程(一)

微信小程序wepy框架入门教程(一)

文档


1:安装node

端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。

安装成功之后显示如下,查看版本,安装成功。

2:安装全局淘宝npm镜像

进入D盘(当然可以根据你自己的选择来安装路径)全局安装镜像。由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue. 淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功之后显示如下,查看版本,安装成功。

3:全局安装或更新WePY命令行工具

npm install wepy-cli -g

4:初始化一个项目myproject

注意版本,因为我的版本是1.7.3的 1.7.0之后的版本使用 wepy init standard myproject 初始化项目

wepy init standard myproject

暂时可以一路回车,后续如果遇到要做具体的项目的时候,可以根据项目需要填写。

打开d盘,可以看见初始化的项目

5:进入myproject

cd myproject

6:安装依赖

在新建的项目里面安装需要的依赖包

npm  install

安装完成之后可以看见,文件里面多出了两个依赖文件

7:进行实时编译

wepy build --watch

8:在微信开发者工具打开

可以看到,刚才创建的项目

注意:因为小程序开发工具对wepy文件不太友好,无法直接在开发者工具里面打开,所以要另外选择编辑器编写代码,开发者工具可进行调试和查看效果

ps:简书写文章的一个缺陷,就是有时候在上传markdown图片的过程中不能继续使用键盘,等图片上传好之后才可以,不然通篇文章都会消失,进入顶部重新编辑,遇到过两三次,编辑好的文章就这样消失了,头疼,只好又开始重新写一遍,权当是加深印象咯。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序wepy框架学习的一些资料

    前端要学习的东西实在是太多了,要记录的东西也很多,有时候会觉得很累,因为有些技术在目前的开发中基本都用不到,但这些并不是无用之功,如果有一天到真正需要运用到的时...

    王小婷
  • 'wepy' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    在学习安装wepy创建项目的时候,开启实时编译,出现了这样的一个报错: 'wepy' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    王小婷
  • wepy框架-触摸内容滑动组件使用步骤

    2:在WebStorm里面打开初始化生成的项目 编写index.wpy界面的代码 以下代码来自插件 (复制过来即可使用) https://github.c...

    王小婷
  • 前端技术前沿6

    最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。

    达达前端
  • 微信小程序wepy框架学习的一些资料

    前端要学习的东西实在是太多了,要记录的东西也很多,有时候会觉得很累,因为有些技术在目前的开发中基本都用不到,但这些并不是无用之功,如果有一天到真正需要运用到的时...

    王小婷
  • 第二期-wepy安装

    简单介绍:wepy是一个微信小程序框架,支持模块化开发,开发风格类似Vue.js。可搭配redux使用,能同时打包出web和小程序。

    小团子
  • 亲身体验小程序wepy和mpvue框架的区别

    小编公司也随潮流,把现有h5项目,重做成小程序项目,前期是用wepy搭建的,开始感觉还不错,随着加入的功能越来越多,感觉性能也越来越成问题。下面我们来详细介绍。

    Javanx
  • Python UI开发用哪个好?

    转自:https://www.wukong.com/answer/6587891383422419214/?iid=39055545733&app=news_a...

    py3study
  • planet 介绍

    用户1908973
  • 【游戏编程板块】关于游戏开发的客户端/服务器端的版本控制

    【客户端】 1.关于游戏引擎 在15年3月开始准备做h5游戏的时候,首先遇到的问题就是引擎选型的问题。 当时市面上的2d引擎主要有3个:白鹭egret,laya...

    李海彬

扫码关注云+社区

领取腾讯云代金券