wepy开发

工欲善其事必先利其器

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