fix(statusbaritem): render before linting

[lvjiaxuan]

当前，首次使用 ctrl+alt+d 命令，底部状态栏的 loading 效果不会立即被渲染，而是 ESLint linting 结束后才一闪而过。

statusBarItem.text = '$(loading~spin) Start linting hole file content...'
statusBarItem.show() // 查看源码，show() 最终被放到 setTimeout，然后渲染也是个异步任务。

const results = await eslint.lintFiles(activeTextEditor.document.uri.fsPath) // 经调试，这里实际上是同步代码，所以导致 `statusBarItem.show` 无法立即渲染显示。

像下面代码：

async function test () {
  setTimeout(() => {
    console.log('show')
    setTimeout(() => console.log('render'))
  })

  await new Promise(resolve => {
    console.log('linting')
    resolve()
  })

  console.log('code')
}
// test()
// linting code show render

所以需要把 render 放到 linting的前面，或者说把 linting 放到 render 的后面：

async function test () {
  setTimeout(() => {
    console.log('show')
    setTimeout(() => console.log('render'))
  })

  await new Promise(resolve => setTimeout(resolve))

  await new Promise(resolve => {
    console.log('linting')
    resolve()
  })

  console.log('code')
}
// test()
// show linting code render

一个 setTimeout 居然不够用，分析一下事件循环模式😂，要再加一个：

async function test () {
  setTimeout(() => {
    console.log('show')
    setTimeout(() => console.log('render'))
  })

  await new Promise(resolve => setTimeout(() => setTimeout(resolve)))

  await new Promise(resolve => {
    console.log('linting')
    resolve()
  })

  console.log('code')
}
// test()
// show render linting code

可以了。

这里渲染任务无论是宏还是微，都需要两个 setTimeout 。
可以换成这样自己试一试 Promise.resolve().then(() => console.log('render')) 。

[lvjiaxuan]

Finsh my review.