Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>feidao-toolsNew to Visual Studio Code? Get it now.
feidao-tools

feidao-tools

飞道科技

|
958 installs
| (0) | Free
Tools for feidao development
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

feidao-tools

  • 1. Description
  • 2. ShortCuts
    • 2.1. web/h5/微信公众号
    • 2.2. 移动应用
    • 2.3. 微信小程序
    • 2.4. 桌面应用
  • 3. 代码自动补全
  • 4. 通过右键菜单创建
    • 4.1. 添加新页面
    • 4.2. 添加响应
    • 4.3. 添加组件
    • 4.4. 添加服务
  • 5. 通过命令创建
    • 5.1. 添加新页面
    • 5.2. 添加响应
    • 5.3. 添加组件
    • 5.4. 添加服务
  • 6. 通过快捷键创建
    • 6.1. 创建移动应用文件
    • 6.2. 添加新页面
    • 6.3. 添加响应
    • 6.4. 添加组件
    • 6.5. 添加服务
  • 7. 代码片段
    • 7.1. 添加原子操作

1. Description

vscode工具,旨在加快开发速度。vscode版本必须是1.37以上才可以使用

2. ShortCuts

2.1. web/h5/微信公众号

功能 快捷键
新增页面 alt+p
新增组件 alt+n
新增服务 alt+s
新增响应 alt+a
新增渲染块 alt+x
添加原子操作 alt+t a
添加路由 alt+r
添加控件 alt+t w
添加通用模板 alt+t t
启动调试 alt+d
项目打包 alt+b
创建项目 alt+c

2.2. 移动应用

功能 快捷键
新增页面 alt+n
新增服务 alt+s
新增响应 alt+a
添加路由 alt+r
添加原子操作 alt+t a
添加控件 alt+t w
添加通用模板 alt+t t
启动调试 alt+d
项目打包 alt+b

2.3. 微信小程序

功能 快捷键
新增页面 alt+p
新增组件 alt+n
新增服务 alt+s
新增响应 alt+a
添加路由 alt+r
添加原子操作 alt+t a
添加控件 alt+t w
添加通用模板 alt+t t
启动调试 alt+d
项目打包 alt+b

2.4. 桌面应用

功能 快捷键
新增页面 alt+p
新增组件 alt+n
新增服务 alt+s
新增响应 alt+a
添加路由 alt+r
添加原子操作 alt+t a
添加控件 alt+t w
添加通用模板 alt+t t
启动调试 alt+d
项目打包 alt+b

3. 代码自动补全

snippets:

prefix body
fda data-feidao-actions='click:a'
fdp data-feidao-props=''
fdp data-feidao-presentation=''
fdimg data-feidao-src=''
fdimg <img data-feidao-src='' alt='' title='' src='' />
fdas <!-- start -->
fdae <!-- end -->

4. 通过右键菜单创建

4.1. 添加新页面

打开项目下除图片以外的任意文件,在左侧菜单栏右键选择飞道:添加新页面,添加新页面

示例

4.2. 添加响应

打开页面文件夹下b.ts(若是wxapp则打开p.ts),在工作区右键选择飞道:添加响应,添加页面浏览器响应(若打开的是组件下的b.ts就是添加组件浏览器响应,n.ts是添加组件服务器响应)

示例

4.3. 添加组件

打开页面文件夹下任意文件,在左侧菜单栏右键选择飞道:添加组件,添加组件

示例

4.4. 添加服务

打开组件(wxapp为页面)下任意文件,在工作区右键选择飞道:添加服务,添加服务

示例

5. 通过命令创建

打开相应文件,按下ctrl+shift+p 打开命令面板输入feidao选择命令,一直按着ctrl和shift再按p

5.1. 添加新页面

打开项目下除图片以外的任意文件,按下ctrl+shift+p打开命令面板,输入feidao add new page,选择飞道:添加新页面,添加新页面

示例

5.2. 添加响应

打开页面文件夹下任意文件,按下ctrl+shift+p打开命令面板,输入feidao add action,选择飞道:添加页面响应,添加页面浏览器响应(若打开的是组件下的文件除了n.ts以外是组件浏览器响应,组件n.ts是组件服务器响应)

示例

5.3. 添加组件

打开页面文件夹下任意文件,按下ctrl+shift+p打开命令面板,输入feidao add component,选择飞道:添加组件,添加组件

示例

5.4. 添加服务

打开组件(wxapp为页面)下任意文件,按下ctrl+shift+p打开命令面板,输入feidao add service,选择飞道:添加服务,添加服务

示例

6. 通过快捷键创建

如alt+p n先一直按着alt再按c,松开alt和c再按a

6.1. 创建移动应用文件

按下快捷键alt+m

6.2. 添加新页面

打开项目下除图片以外的任意文件,按下alt+p,添加新页面

示例

6.3. 添加响应

打开页面文件夹下任意文件,按下alt+a,添加页面浏览器响应(若打开的是组件下的文件除了n.ts以外是组件浏览器响应,组件n.ts是组件服务器响应)

示例

6.4. 添加组件

打开页面文件夹下任意文件,按下alt+n,添加组件

示例

6.5. 添加服务

打开组件(wxapp为页面)下任意文件,按下alt+s,添加服务

示例

7. 代码片段

7.1. 添加原子操作

添加原子操作,如未安装原子操作,将会自动安装原子操作,如下图:

示例

如果原子操作已安装,则自动插入该原子操作的示例代码片段.如下图:

示例

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft