一.进入fitbit studio开发后的准备工作
1.打开studio.fitbit.com后点击New Project来建项目,输入项目名为Demo1后点击digital clock后Create创建一个表盘。
2.进入后左侧目录是fitbit sdk5.0版本，需要更改为versa 2对应的4.0版本方可继续。
/resources/index.view文件更改为index.gui
/resources/widget.defs更改为widgets.gui
这时在resources目录下的widgets.gui文件里的/mnt/sysassets/system_widget.defs更改为/mnt/sysassets/widgets_common.gui
打开package.json文件后在右侧更改Type为Clockface、Sdk version 选择4.2、Build Targets选择versa2或者其他设备
3.下载fitbit 模拟器（windows系统不建议下载，有bug）,或者在已经与versa2连接完好的手机上打开fitbit,进入开发者菜单中打开 开发者桥，然后返回进入Wi-Fi设置中给versa2设备连接上wifi，完毕后返回fitbit studio，点击刷新Refresh，直至连接上手机和versa2。如图我已经连接好了。

二.fitbit studio目录结构的初次见面
注：fitbit studio是开发程序的IDE，没有它不行。相当于eclipse 、visual studio等电脑程序，唯一不同的它是一款web IDE,有跨平台的特性，你可以试着在你的Android手机或者iphone编写代码开发程序，仅需一个浏览器。

1.app文件夹
这里面必须包含有index.js或者index.ts的脚本文件，否则就会错误。里面存放的文件代码用于在versa2设备上执行的程序逻辑，代码可以访问api也可以与图层进行交互，更可以与手机的fitbit程序创建的应用的辅助配套“设置”进行通信、读取和写入，总之就是互动。。。
注：手机的fitbit程序创建的应用的辅助配套“设置”在fitbit studio有一个相配套的工程文件夹叫做companie，稍后写道。
2.conmmon文件夹
这里面的文件代码，是可以用于和app文件夹和companie文件夹进行共享的一些代码。为了最大限度减少重复。一般是函数化、（java里叫做方法）、模块化进行调用。
3.companie这里虽然没有，但以后会用到。
此文件夹包含在移动设备上执行的配套逻辑。此文件夹中的代码可以访问配套API，并能够直接请求 Internet 并与应用程序通信。
如果此文件夹中存在 index.js或 index.ts文件，则将构建配套文件。
3.resources文件夹
存放与程序相关的资源文件。
index.gui 必须有的主文件，定义程序界面的svg文件。我是重点，画一些记号**********************很重要
widgets.gui 必须有的文件，也是一svg文件，控制着哪些小组件可以在index.gui主界面中使用，widgets.gui内定义了css样式表和导入了组件包。我是重点，画一些记号***********************很重要
4.Settings文件夹，这里虽然没有，但以后会用到
此文件夹包含使用 React JSX 编写的应用程序设置的声明。这可用于使应用可由用户配置。此文件中的代码有权访问设置API。