万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・寄付お願いします
    YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
    BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
    c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック 第1章 メモ

cd src/ch1
npm install request

インストールするとフォルダ直下にnode_modulesができる。 ~/直下にnode_modulesフォルダがあるとできないようだ。

以下の、Warning が表示されていますがpackage.jsonが無い状態で実行しているため。

npm WARN saveError ENOENT: no such file or directory, open '/Users/shinriyo/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/Users/shinriyo/package.json'
npm WARN shinriyo No description
npm WARN shinriyo No repository field.
npm WARN shinriyo No README data
npm WARN shinriyo No license field.

+ request@2.83.0
updated 1 package in 2.433s
cd src/ch1
node request-downloadfile.js
/Users/shinriyo/.npm-global/lib/node_modules/coffee-script/bin/coffee -e "console.log num for num in [5..1]"

グローバルインストールのパスの確認

npm root -g

npm init package.jsonに記録

npm install colors --save

直下にあるpackage.jsonから読む

npm install

package.jsonscriptsに"start", "check"エントリを追加するとそれが呼ばれる

scriptsのエントリ一覧

npm run

yarn

npm install yarn -g

非推奨

 It is recommended to install Yarn using the native installation method for your environment.

brewとかで入れたほうがいいかも?

npm install standard --save-dev

ツールの導入

npm install standard --global

Atomのツール

apm install linter
apm install linter-js-standard

Babel

global

npm install --global babel-cli babel-preset-es2015

実行

babel arrow-test.js --presets=es2015

--presets babel-preset-es2015のオプションで Couldn't find preset "es2015" relative to directoryのエラーが出るときは 以下みたいにパス指定で実行

/Users/shinriyo/.npm-global/bin/babel arrow-test.js --presets /Users/shinriyo/.npm-global/lib/node_modules/babel-preset-es2015/

ドキュメントにはグローバルインストールするのは「bad idea」らしいです。 とここに書いてた http://d.hatena.ne.jp/Kazuhira/20160402/1459593004

-yをつければ対話がなくなる

mkdir babeltest
cd babeltest
npm init -y

Babelのライブラリ

npm install --save-dev babel-cli
npm install --save-dev babel-preset=es2015

このとき.babelrcを忘れてる可能性あり.

パス指定で実行

node_modules/.bin/babel arrow-test.js  --presets=es2015

各オプション

babel src -d dest

babel src -d dest

babel src -w -d dest
babel bmi.js -o bmi.out.js --source-maps
import kakezan from './kakezan'
^^^^^^

SyntaxError: Unexpected token import

このとき.babelrcを忘れてる可能性あり.