こんにちは,れいじです.
モダンなJavaScript,通称ECMAScript6がいいらしいと聞いたので触りだけやってみました.
作業環境はこんな感じ.
参考にした記事はこちら.
詳しい作業手順などはこちらに書いています.
ただ,babelのインストールコマンドが違うので注意.正しくは
npm install -g babel-cli
です.
WebStormでES6ファイルを作る
上記Qiitaの記事を参考にしてES6ファイルを作ったはいいものの,以下のようなエラーメッセージが出ました.
Error: Couldn't find preset "es2015" relative to directory
・・・
以下いっぱいエラーが出る
何かファイルが見つからないようだということがわかります.
ターミナルを起動し,作成したプロジェクトファイルへcdで移動したあと,以下のコマンドを打つことでエラーを解消することができました.
$ npm install babel-preset-es2015 --save --no-bin-links $ npm install babel-preset-react --save --no-bin-links
エラーが解決し,作成したES6ファイルの下に.jsファイルが生成されています.
babelを使用し,モダンな書き方のES6ファイルが現行のブラウザでも動作するjsファイルに変換されています.
自動的にファイルが書き換わってる!すごい.
サンプルを動かしたまでにとどまっているので,ES6の書き方をどんどん覚えていきたいですね.
ではでは〜