工欲善其事必先利其器

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. node起始——安装并且新建一个node项目

    1.安装nodejs和npm http://nodejs.cn/ 2.设置环境变量,安装到那里就在那里配置. 3.express开发框架安装 //命令行输入命令 npm install -g expr ...

  2. Atcoder CODE FESTIVAL 2017 qual B C - 3 Steps 二分图

    题目链接 题意 给定一个无向图,\(n\)个点,\(m\)条边(\(n,m\leq 1e5\)). 重复如下操作: 选择相异的两点u,v满足从点u出发走三条边恰好能到达点v.在这样的u,v点对之间添一 ...

  3. 线程间通过PostMessage通信

    1.查看TMS项目中的相关实例 ::PostMessage(hWnd, WM_USER_MSG_REFRESH_UI, (WPARAM)UMP_REFRESH_MEMBER_INFO, 0); 参考文 ...

  4. 标准C程序设计七---36

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

  5. yii批量插入数据

    现在有如下数据: 查看代码   打印 1 $user=array( 2     0=>array('id'=>1,'name'=>'张三'), 3     0=>array(' ...

  6. npm 安装出现 UNMET DEPENDENCY 的解决方案

    npm imuzhicloud@0.2.2 E:\com\muzhicloud_make_web+-- UNMET PEER DEPENDENCY react@15.4.2+-- react-dnd@ ...

  7. 【APIO2015】Palembang Bridges

    题目描述 一条东西走向的穆西河将巴邻旁市一分为二,分割成了区域 $A$ 和区域 $B$. 每一块区域沿着河岸都建了恰好 $1000000001$ 栋的建筑,每条岸边的建筑都从 $0$ 编号到 $100 ...

  8. HDU3625 Examining the Rooms

    @(HDU)[Stirling數] Problem Description A murder happened in the hotel. As the best detective in the t ...

  9. Spring配置项之<aop:aspectj-autoproxy />

    通过配置织入@Aspectj切面 虽然可以通过编程的方式织入切面,但是一般情况下,我们还是使用spring的配置自动完成创建代理织入切面的工作. 通过aop命名空间的<aop:aspectj-a ...

  10. excel怎么把文本格式的数字转换为数字，且把前面的撇号去掉

    excel把文本格式的数字转换为数字,且把前面的撇号去掉方法:1.选中要处理的列,在“数据”菜单下,选择“分列”.2.在“分列”向导对话框里,选择“分隔符号”,并点击下一步.3.在“分列”向导对话框第 ...