小程序框架wepy初体验

小程序也出了好一阵子

对于前端工程师来说，虽然语法不太复杂，但是如果能把小程序组件化开发，当然是更妙的啦

于是找到了腾讯团队推出的小程序组件化开发框架——wepy

介绍一下安装方法

1，首先当然是安装node.js

下载地址：Node.js

2，node.js里自带npm，也就不需要再另外装npm了，但是强烈安利下载淘宝npm镜像，在国内下载速度会更快

打开cmd  并输入

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

即可完成cnpm的安装，以后就可以用cnpm来进行依赖的安装

3，然后找一个空的文件夹，在此文件夹的路径下，继续输入

cnpm install -g wepy-cli     

进行wepy的全局安装

有点报错没关系

4，安装好wepy之后输入

wepy init standard my-project 

进行my-project的创建，需要输入项目名称，Appid，项目描述，作者，是否使用ESLint，Redux,是否转化成web特性

这些都按需要填就好了，appid如果没有可以先不写

可以看到已经有了my-project这个文件夹

5，然后在进入my-project这个文件夹

cd my-project

安装所有依赖

cnpm install

这样项目就已经基本安装好了

6，然后就可以开始实时编译了

wepy build --watch

编译完之后，文件夹里就会多了dist这个文件

7，打开微信开发者工具，添加项目

注意要把这三个都关掉

现在就能看到小程序啦

然后只要编辑项目里的文件，dist就会自动被编译，这样就可以使用类似vue语法的组件化开发了

over over