### [微信官方开发者工具如何导入小程序源码demo](https://www.prosaas.cn/article/17592)

**Published:** 2018-05-16T09:34:50

**Author:** 5201314

**Excerpt:** 最近有很多网友私信问我们网站上下载的那些小程序源码，怎么将它导入到小程序开发者工具中呢？因为问的人太多，今天就…

最近有很多网友私信问我们网站上下载的那些小程序源码，怎么将它导入到**小程序开发者工具**中呢？因为问的人太多，今天就统一整理文章与大家分享，希望大家以后针对这个问题就不要再私信问我了。

**1：安装后图标：**

![](https://img.php.cn//upload/image/227/611/923/1487917298378739.png)

登录，随意一个微信号，扫描后即可登录

**2：选择无appleid；项目名称随意，地址选择下载好的demo文件夹**

![](https://img.php.cn//upload/image/603/652/313/1526463169626073.jpg)

注意，假如看不到效果，或者跳出这个错误

![](https://img.php.cn//upload/image/864/592/630/1526463179943236.png)

有可能是项目目录选择错误了，要选择app.json文件的根目录导入（一般导致上面的错误，都是选择了其上级文件夹）

![](https://img.php.cn//upload/image/897/730/474/1526463188542956.png)

比如，以下文件夹目录，需要导入红线框内的目录才是正确的目录：

![](https://img.php.cn//upload/image/602/126/635/1526463195925427.png)

**3：点击添加项目，即可看到项目**；

![](https://img.php.cn//upload/image/514/643/714/1526463215347273.png)

**4：删除项目**

![](https://img.php.cn//upload/image/214/146/409/1526463228449379.png)

更多微信官方开发者工具如何导入小程序源码demo相关文章请关注PHP中文网！

相关文章：

四大微信小程序开发工具测评结果出炉

微信小程序开发工具 for mac 简介及快捷键

详解微信小程序前端源码和实例分析

**Categories:** 后端开发

---