iview-vue-axios-snippets

本插件包含了iview、vue、axios、ajax的以及一些常用代码的代码片段

使用方式

1.简单粗暴型：
（1）在 vscode 工作区新建一个 .vscode 文件夹
（2）把 snippets 文件夹下的文件复制粘贴到刚才新建的文件夹下，就可以使用了

2.本地离线安装：
（1）复制 iview-vue-axios-snippets-0.0.5.vsix 文件到 vscode 的安装目录的 bin 目录下
（2）在当前目录打开命令行工具，运行一下代码：

code --install-extension iview-vue-axios-snippets-0.0.5.vsix

或者点击扩展，点击右上角的三个点，点击从 vsix 安装。

3.插件中心搜索 iview-vue-axios-snippets 进行安装 （推荐）

命令列表

说明：可以按tab切换光标移动，光标到达某些位置会出现配置可选项，按上、下选择，回车确认。

1、iview 部分

说明：如果需要 i- 前缀，可在命令缩写前加 i-XXX

2、vue 模板部分

3、自封装 ajax 部分

| 命令缩写 | 描述 | | --- | --- | | imaj | import ajax from '@/libs/...' 目录可选 ajax 或 request | | ajget | ajax.get() 方法 | | ajpost | ajax.post() 方法 | | ajput | ajax.put() 方法 | | ajd | ajax.delete() 方法 | | ajreq | ajax.req() 参数需要自定义 | | exapi | 导出一个 return 的请求方法 | 例：

export function name (data) {
  return ajax.get('/api', data)
}

4、axios 部分

说明：这里使用 axios 默认都是 this.$axios 形式，如果不是请自行在main.js里配置或做适量删除。 | 命令缩写 | 描述 | | --- | --- | | imax | import axios from 'axios' | | axg | axios get 方法 | | axpo | axios post 方法 | | axpu | axios put 方法 | | axd | axios delete 方法 | | axall | axios all 方法 |

5、jxrt 自用部分

注意：自用部分，没有可忽略 | 命令缩写 | 描述 | | --- | --- | | imstate | import { mapState, mapActions } from 'vuex' | | imdownfile | import { downloadFile } from '@/libs/util' | | imukeycredit | import UkeyCredit from '@/libs/ukey-credit' | | imutil | import { ... } from '@/libs/util' |