微信开发者工具无法选择预览和真机调试_小程序开发 第二篇：使用微信小程序开发者工具、wepy框架初始化项目...

1.微信小程序开发者工具

使用：

小程序原生开发：直接使用小程序开发者工具打开项目即可

小程序框架开发：首选官方提供类vue.js开发框架 wepy.js ，备选 mpVue。我们选择的是 wepy

PS：mpvue尤大大亲自点赞，目前github已经有10k+ star。无论哪个框架都是用来方便开发，同时也都是需要学习成本的。大家可以根据自己项目进度自行选择，下面是一张区别图：

2.wepy.js 初始化项目

全局安装或更新WePY命令行工具

npm install wepy-cli -g

初始化项目

wepy new myproject

# 1.7.0之后的版本使用 wepy init standard myproject 初始化项目，使用 wepy list 查看项目模板

切换项目并安装依赖

cd myproject

npm install

开启实时编译，官方给出的指令是 wepy build --watch，不习惯- -，那就在package.json -> scripts 配置一条新命令 "dev": "wepy build --watch"， 我们就可以愉快的 npm run dev

npm run dev

项目目录结构介绍(wepy官方目录修改版，没有太大变动，可以自行修改)

###开发

###目录结构

.

├── dist 小程序运行代码目录(该