xiaohuoni / snippet

javascript and umi snippet

Oni JavaScript Snippet

Oni JavaScript Snippet for Visual Studio Code

The extension that provide JavaScript and umi snippets for using in Visual Studio Code.

Recommended configurations

To keep snippets to show on the top of suggestions for easy using, use this configuration.

{
	"editor.snippetSuggestions": "top"
}

Snippets

JavaScript Snippets

like: define、forof、forin、foreach、function...

UMI Snippets

[umi-mock] Umi Mock

'/api/hello'(req, res) {
    res.end(`hello ${Math.random()}`);
},

[umi-subscriptions] Umi model subscriptions

setup({ dispatch, history }) {
      return history.listen(({ pathname, query }) => {
        if (pathname === '/') {
          dispatch({ type: 'fetch', payload: query });
        }
      });
},

[umi-effects] Umi model effects

*fetch({ payload: { page = 1 } }, { call, put }) {
      const { data, headers } = yield call(usersService.fetch, { page });
      yield put({
        type: 'save',
        payload: {
          data,
          total: parseInt(headers['x-total-count'], 10),
          page: parseInt(page, 10),
        },
      });
    },

[umi-service] Umi service request

export function create(values) {
  return request('/api/users', {
    method: 'POST',
    body: JSON.stringify(values),
  });
}

snippet's Issues

关于下载后命令只有4条的问题

我下载了插件后，没有那么多命令，只有以下几个：
umi
umi-effects
umi-mock
umi-service
umi-subscriptions
请问是什么问题呢？

命令整理

命令：
hello world
connect
reducers
effects
put
select
call
subscriptions
component
page
classname
mock
service
layout
404
proxy

文件：
.eslintrc
.umirc.js
.umijs.mock.js
.webpackrc.js
环境变量：
略（写的时候参照官方文档）

路由：
重定向
权限
嵌套