《APICOULD》----VsCode路径配置问题入门篇(持续更新)

一、介绍

首先上来的第一件事是 送一个 “啊呸，呸呸呸”  三连给APICLOUD官方，写配置文档的人。

坑死我了!!!!

前提：团队需要借助自己开发一款APP应用，需要有一个人去攻坚这项技术~

---

二、关于插件

1、本人使用的是Vscode进行开发，但APICLOUD并没有提供VsCode的插件，使用的是一个行业大佬提供的。

路径如下：https://community.apicloud.com/bbs/thread-48763-1-1.html

说明：安装说明后，请参考官方文档的开发流程，虽然他们不靠谱，但是文档还是很有价值的

2、手段端安装APPLoader，路径如下：http://docs.apicloud.com/Download/download

三、运行

说明：当Vscode和手机端都完成后，并可以开始尝试编译测试了。编译测试我们要干什么呢？这一步我们是需要将自己的代码进行编译，编译完成后被APICLOUD识别，然后通过与同个域名下的手机（装载了APPLoader）建立关联，将代码发送给手机端。在手机端打开并测试。

具体流程如下：

1、建立自己的Vscode工作空间

2、在工作空间中设置自己的 widget  远程编译文件夹

3、在文件夹中创建自己的APICLOUD项目

4、在手机右边有一个透明的小按钮，点开后进行连接到电脑的同个域名下

5、Ctrl+shift+P：启动wifi服务，启动同步更新。

6、在手机查看

四、注意事项：

1、关于路径配置问题，看到贴吧里将路径的问题说到那么困难，其实没必要。注意以下两点：

-----我们是将项目整个给搬移到widget目录下，这个目录在Vscode的配置中默认是跟目录

-----在项目中进行项目路径的配置直接指向项目的跟目录即可。比如我的空间是workspace文件夹，APICLOUD官方指定的远程打包文件夹是widget，我的项目是helloPack，那么我在项目中的配置则是 ：

 "apicloud.subdirectories": "/helloPack"

2、如果使用了相关的apicloud & vue-cli4的框架，一般是根据框架的结构进行设置。但如果你是从网络上寻找的大神框架，那么你可以将以上的路径指向dist编译目录：

 "apicloud.subdirectories": "/helloPack/dist"

五、细节

1、在什么位置发起真机同步?

打开vscode我们的页面应该是进入到以WIDGET为根目录下面跟随很多项目的路径下：

路径配置到我们正常的项目打包的dist路径【APICLOUD的打包路径】下，这个也是我在开发中错误打开页面后，进行wifi启动时候发现两种不同打开方式会报 “似乎不是一个有效目录的项目” 这个问题。 

 2、边开发边同步？

如果你是结合APICLOUD和VUE进行开发的框架，那么你可以一遍热部署VUE开发，一边开发完成后进行增量或者全量的同步开发。(个人觉得这以后必然是一种趋势，APICOULD越来越稳定，后面肯定是必不可少的)