微信小程序开发框架WePY的创建过程及遇到的问题

1、安装wepy命令行工具

npm install wepy-cli -g

如果出现以下问题：

解决方法：

npm cache clean --force
npm install wepy-cli -g

2、创建wepy项目my-project（wepy版本1.7.0以后）

wepy init standard my-project

如果出现以下问题：

解决方法：

在C:\Windows\System32\drivers\etc的hosts文件中添加：
192.30.253.112 github.com
151.101.88.249 github.global.ssl.fastly.net

注意：受到修改权限的限制，直接在etc中打开hosts文件进行修改后并不能进行保存，可以先将hosts文件剪切到桌面修改完成后再复制到etc文件夹中。

• AppId：在微信公众平台进行小程序注册时生成的AppId，请填写自己的AppId；
• ? Use ESLint to lint your code? No
  —选择Yes，会对代码格式校验；
• ? Use Redux in your project? No
  —选择Yes，可以使用Redux框架语法,目录会多出store目录；
• ? Use web transform feature in your project? Yes
  —选择Yes会有index.template.html 作用

（ESLint、Redux、Web transform feature可以根据自己需要自行进行选择）

3、切换至项目目录并安装依赖

cd my-project
npm install

4、开启实时编译

npm run dev

（当app.wpy文件发生改动时就会重新进行编译）

5、打开微信开发者工具并导入my-project项目

项目的目录结构

（其中，.wpy文件在开发者工具中不能打开，需要下载其他的编辑器进行打开编辑。比如：Sublime、WebStorm/PhpStorm、Atom、VS Code、VIM等。）

wepy官网：https://tencent.github.io/wepy/index.html