FOX-IDE使用说明

前言

Fox IDE是在VS Code的基础上进⾏了扩展，除了保留VS Code的优点外，还专⻔针对Fox前端开发提供更多便利的⽀持

使用说明

新建工程

Fox IDE提供了图像化的脚⼿架，可以通过向导，选择PC、Pad和Phone模版⽣产基础⼯程

步骤⼀：新建

步骤⼆：选择保存路径，输⼊⼯程名、并选择模版，建⽴⼯程

初始化⼯程

新建⼯程后，我们还需要为新⼯程安装依赖库 在任意⼯程⽬录上，右键->安装依赖

新建组或者模版

在src/page⽬录上，点击右键打开菜单，选择新建模块或业务组

业务组是模块的集合

新建页面

在模块⽬录或者业务组⽬录上，点击右键打开新建⻚⾯新导。

必须是在模块⽬录或者业务组⽬录上点击右键才能打开新建⻚⾯向导

注释备注

由于⻚⾯的⽬录都是英⽂命名，随着⼯程⻚⾯增多，或者⻓时间后，容易造成不便。因此我 们提供了为模块、⻚⾯添加备注的功能，输入->回⻋

调试⼯程

在任意⽬录上点击右键，选择调试⼯程

选择模块（调试或打包）

上述操作步骤，新建⻚⾯之前是需要先建立模块的，那么我们在调试或者打包的时候，可以 选择需要的模块进⾏操作，避免引⽤过多模块导致编译慢的问题。

打包⼯程

在任意⽬录上点击右键，选择打包操作进⾏打包，结果输出到dist⽬录下