Help us understand the problem. What is going on with this article?

【VSCode】ES6記法スニペットのEmmet展開方法まとめ

React学習中の自分のための、ES6記法スニペットのEmmet展開方法メモ

Reactの学習を始めたのですが、アロー関数やらimportとかexportとか何度も繰り返し登場する記述を毎回書くのが面倒で、スニペットのVSCode拡張機能ないかな?と思ったら案の定ありました。

VSCodeの拡張機能 : JavaScript (ES6) code snippets

ただこいつを使いこなすにもEmmetのキーを覚えないといけなくて、なかなか覚えられないので自分のためのメモ帳代わりにしようと記事投稿しています。

最初はとりあえず少数しかない状態で公開しちゃいますが、React含めES6記法のEmmetをこれからどんどん追加していきます。
なんならこの記事をご覧のみなさんからも「こんなのあるよ!」「こっちの方がもっと便利だよ!」等ありましたらコメント頂けますと幸いです!(他力本願)

みなさんのお力を借りてブラッシュアップしていきたい!そんな心つもりでございます!

みなさま、どうぞよろしくお願いいたします。

アロー関数 系

nfn

//nfn
const name = (params) => {

}

anfn

//anfn
(params) => {

}

import 系

imr

//imr
import React from 'react'

imrd

//imrd
import ReactDOM from 'react-dom'

imd

//imd
import {  } from 'module'

imp

//imp
import moduleName from 'module'

export 系

exp

//exp
export default 

React Hooks 系

useState

//useState
const [state, setstate] = useState(initialState)

useEffect

//useEffect
useEffect(() => {
    effect
    return () => {
        cleanup
    }
}, [input])

useReducer

//useReducer
const [state, dispatch] = useReducer(reducer, initialState, init)

useContext

//useContext
const context = useContext(contextValue)

おわりに

もっともっとあるはず。これからどんどん追加していきます。

kiwatchi1991
1991年生 / 28歳でエンジニアの世界へ / webサービス開発現場でフロントエンドエンジニアとして働いています / 元食品メーカーの製造・バイヤー / ブログやってます。→ http://blog.kiwatchi.com / Twitterもよろしくお願いします!
https://twitter.com/kiwatchi1991
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした