工欲善其事必先利其器

ide安装、配置】

https://tencent.github.io/wepy/document.html

  • VS Code

  1. 在 Code 里先安装 Vue 的语法高亮插件 Vetur。

  2. 打开任意 .wpy 文件。

  3. 点击右下角的选择语言模式，默认为纯文本。

  4. 在弹出的窗口中选择 .wpy 的配置文件关联...。

  5. 在选择要与 .wpy 关联的语言模式 中选择 Vue。

监听文件改动】

$ wepy build --watch
[19:36:01] [编译] 入口: src\app.wpy
[19:36:02] [写入] JSON: dist\app.json
[19:36:02] [编译] 组件: src\components\counter.wpy
[19:36:02] [编译] 组件: src\components\group.wpy
[19:36:03] [编译] 组件: src\components\groupitem.wpy
[19:36:03] [编译] 组件: src\components\list.wpy
[19:36:03] [编译] 组件: src\components\panel.wpy
[19:36:03] [编译] 组件: src\components\wepy-list.wpy
[19:36:03] [拷贝] HTML: src\index.template.html
[19:36:03] [编译] 页面: src\pages\index.wpy
[19:36:03] [写入] JSON: dist\pages\index.json
[19:36:03] [写入] JS : dist\app.js
[19:36:03] [写入] JS : dist\components\counter.js
[19:36:03] [写入] JS : dist\components\group.js
[19:36:03] [写入] JS : dist\components\groupitem.js
[19:36:03] [写入] JS : dist\components\list.js
[19:36:03] [写入] JS : dist\components\panel.js
[19:36:03] [写入] JS : dist\components\wepy-list.js
[19:36:03] [写入] JS : dist\mixins\test.js
[19:36:03] [写入] WXML: dist\pages\index.wxml
[19:36:03] [写入] JS : dist\pages\index.js
[19:36:04] [写入] JS : dist\store\actions\counter.js
[19:36:04] [写入] JS : dist\store\actions\index.js
[19:36:04] [写入] JS : dist\store\index.js
[19:36:04] [写入] JS : dist\store\reducers\counter.js
[19:36:04] [写入] JS : dist\store\reducers\index.js
[19:36:04] [写入] JS : dist\store\types\counter.js
[19:36:04] [写入] JS : dist\store\types\index.js
[19:36:04] [写入] WXSS: dist\app.wxss
[19:36:04] [写入] WXSS: dist\components\counter.wxss
[19:36:04] [写入] WXSS: dist\components\group.wxss
[19:36:04] [写入] WXSS: dist\components\groupitem.wxss
[19:36:04] [写入] WXSS: dist\components\list.wxss
[19:36:04] [写入] WXSS: dist\components\panel.wxss
[19:36:04] [写入] WXSS: dist\components\wepy-list.wxss
[19:36:04] [写入] WXSS: dist\pages\index.wxss
[19:36:04] [信息] 开始监听文件改动。

项目根目录】

$ pwd
/d/wepyAction/new

Administrator@PC-20160727BOAG MINGW64 /d/wepyAction/new
$ ll -as
total 238
4 drwxr-xr-x 1 Administrator 197121 0 八月 23 19:02 ./
0 drwxr-xr-x 1 Administrator 197121 0 八月 23 18:52 ../
1 -rw-r--r-- 1 Administrator 197121 147 八月 23 18:52 .editorconfig
1 -rw-r--r-- 1 Administrator 197121 7 八月 23 18:52 .eslintignore
4 -rw-r--r-- 1 Administrator 197121 694 八月 23 18:52 .eslintrc.js
1 -rw-r--r-- 1 Administrator 197121 28 八月 23 18:52 .gitignore
1 -rw-r--r-- 1 Administrator 197121 26 八月 23 18:52 .prettierrc
8 -rw-r--r-- 1 Administrator 197121 6324 八月 23 19:02 .wepycache
1 -rw-r--r-- 1 Administrator 197121 46 八月 23 18:52 .wepyignore
4 drwxr-xr-x 1 Administrator 197121 0 八月 23 19:02 dist/
96 drwxr-xr-x 1 Administrator 197121 0 八月 23 19:00 node_modules/
4 -rw-r--r-- 1 Administrator 197121 1488 八月 23 18:52 package.json
104 -rw-r--r-- 1 Administrator 197121 105067 八月 23 19:00 package-lock.json
1 -rw-r--r-- 1 Administrator 197121 290 八月 23 19:04 project.config.json
4 drwxr-xr-x 1 Administrator 197121 0 八月 23 18:52 src/
4 -rw-r--r-- 1 Administrator 197121 1400 八月 23 18:52 wepy.config.js

依此打开微信开发者工具预览效果和编辑器建立项目

】s

wepy开发的更多相关文章

  1. 微信小程序wepy开发循环wx:for需要注意

    微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class=" ...

  2. wepy开发小程序eslint报错error 'getApp' is not defined no-undef

    wepy开发小程序使用getApp().globalData保存全局数据很方便,但是会在控制台看到很多报错:“error 'getApp' is not defined no-undef”,这是esl ...

  3. 使用wepy开发微信小程序商城第三篇：购物车（布局篇）

    使用wepy开发微信小程序商城 第三篇:购物车(布局篇) 前两篇如下: 使用wepy开发微信小程序商城第一篇:项目初始化 使用wepy开发微信小程序商城第二篇:路由配置和页面结构 基于上两篇内容,开始 ...

  4. 使用wepy开发微信小程序商城第二篇：路由配置和页面结构

    使用wepy开发微信小程序商城 第二篇:路由配置和页面结构 前言: 最近公司在做一个微信小程序的项目,用的是类似于vue的wepy框架.我也借此机会学习和实践一下. 小程序官方文档:https://d ...

  5. 使用wepy开发微信小程序商城第一篇：项目初始化

    使用wepy开发微信小程序商城 第一篇:项目初始化 前言: wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚. 这篇写得挺好的:小程序开发之wepy 1.初始化项目 (1)全局安 ...

  6. 《微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序》（笔记1）WePY开发环境的安装

    WePY的安装或更新都通过npm进行,全局安装或更新WePY命令行工具,使用以下命令: npm install wepy-cli -g 稍等片刻,成功安装后,即可创建WePY项目. 注意:如果npm安 ...

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

    相对于微信开发者工具而言,WePY的安装和生成项目稍显复杂.特记录下安装顺序: 1.安装Node.js 在Node官网(https://nodejs.org/)下载Node.js的安装包,此处我下载的 ...

  8. 使用wepy开发微信小程序01——常用的组件

    1.axio.js 'use strict' import axios from 'axios' import wepyAxiosAdapter from 'wepy-plugin-axios/dis ...

  9. 微信小程序wepy开发，属性绑定的事件参数中可以使用{{}}写实参

    <view wx:for="{{tablist}}" class="item {{activeid === item.id ? 'active':''}}" ...

随机推荐

  1. 转 PHP中exec、system等函数调用linux命令问题

    PHP中exec.system等函数调用linux命令问题 先小说两句:今天研究了下PHP调用LINUX命令的功能,一开始怎么做都调用不成功,试了好久才终于成功了,所以发出来分享一下.下面我将详细介绍 ...

  2. 标准C程序设计七---113

    Linux应用             编程深入            语言编程 标准C程序设计七---经典C11程序设计    以下内容为阅读:    <标准C程序设计>(第7版) 作者 ...

  3. 在tomcat发布项目遇到的问题

    今天从SVN上把系统导入本地发生了异常,问题如下: java.math.BigInteger cannot be cast to java.lang.Long 百度一番后发现是因为使用Mysql8.0 ...

  4. 为IIS增加PHP支持

    环境: win2008x64 + PHP5.3

  5. 矩阵乘法加速fib数列

    考虑矩阵(1,1)(1,0) #include<cstdio> #include<cstring> #include<iostream> using namespa ...

  6. 51Nod 约数之和

                              1220 约数之和                                  题目来源: Project Euler 基准时间限制:3 秒 ...

  7. Ext grid单元格编辑时获取获取Ext.grid.column.Column

    item2.width = 80; //item2.flex = 1; item2.align = 'center'; item2.menuDisabled = true; //禁止显示列头部右侧菜单 ...

  8. this.class.getClassLoader().getResourceAsStream

    this.getClass().getClassLoader().getResource("template");    首先,调用对象的getClass()方法是获得对象当前的类 ...

  9. 解决.NET Core MVC 视图中的中文被html编码的问题

    在  .net core mvc 视图输出 变量的时候 默认使用的是 UnicodeRanges.BasicLatin  进行的编码 所以 输出中文后在查看源码的时候是进过编码了的 . 解决方案 在 ...

  10. javascript --- 多重继承

    多重继承就是指,一个子对象中有不止一个父对象的继承模式. 想要实现她,还是非常简单的,而我们只需要延续属性拷贝的继承思路依次扩展对象即可,而对参数中所继承的对象没有限制. function multi ...