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. 添加原子操作
添加原子操作,如未安装原子操作,将会自动安装原子操作,如下图:
如果原子操作已安装,则自动插入该原子操作的示例代码片段.如下图: