JavascriptプログラマーへのJupyter Notebook使用指北
3167 ワード
Jupyter Notebookは、ブラウザでコードを編集することで、開発者に展示と高速反復を実現させるためのキャンバスです.プロジェクトはpythonが最初に与えられ、プラグインをインストールすることでJavascriptにも良好なサポートがあります.
本文は主にフロントエンド/Javascriptエンジニアがインストール、構成する過程について記録する.notebookが私たちの開発、研究に便利になることを望んでいます.
pythonエンジニア
プロのPython開発者を推薦し、
フロントエンドエンジニア
フロントエンドエンジニアがnotebookを使用するのは主にjsコードを実行するためなので、専門の
Jupyter Notebookのインストール
javascriptのサポートのインストール
npmパッケージの使用
もし
インストール後の効果は次のとおりです.
ES 6のサポートのインストール
次のように動作します.
唯一完璧ではないのは、コードを入力した後、ショートカットキー
結論
以上、
本文は主にフロントエンド/Javascriptエンジニアがインストール、構成する過程について記録する.notebookが私たちの開発、研究に便利になることを望んでいます.
pythonエンジニア
プロのPython開発者を推薦し、
Anaconda
をインストールしてバージョン管理、パッケージ管理を行う.brew cask install Anaconda
フロントエンドエンジニア
フロントエンドエンジニアがnotebookを使用するのは主にjsコードを実行するためなので、専門の
python
バージョンの管理ツールをインストールする必要はありません.python3
およびpip3
を直接通過する.具体的な取り付け方法は以下の通りです.Jupyter Notebookのインストール
# python3
brew install python3
python3 --version #
pip3 --version # pip3
pip3 install jupyter notebook
# , js 。
# notebook ,
cd ~/workspace/
mkdir my-notebooks
jupyter notebook
javascriptのサポートのインストール
# js
npm i -g ijavascript
# jupyter javascript
# ijavascript , .
cd /Users/[user-name]/.nvm/versions/node/v8.1.0/lib/node_modules/ijavascript/bin
./ijavascript.js
# , js 。
jupyter notebook
npmパッケージの使用
もし
notebook
がjavascript
だけを支持し、広範なnpm packages
を支持しなければ、私たちにとって実質的な意味はないと信じています.幸いなことに、npmをmy-notebooks
ディレクトリで初期化し、必要なpackageをインストールするだけでサポートできます.npm init
npm i lodash -S
インストール後の効果は次のとおりです.
ES 6のサポートのインストール
ijavascript
の著者らは、ES6
をサポートするための新しいパッケージjp−babelを作成した.ijavascript
と同様に、npm
をグローバルにインストールし、そのディレクトリの下にあるbin
ディレクトリに入ってjp-babel.js
を1回実行すればよい.その後、jupytor notebook
を起動するたびに、対応するタイプを選択すればよい.下図の通りです.# ES6
npm install -g jp-babel
# ijavascript ,
cd /Users/[user-name]/.nvm/versions/node/v8.1.0/lib/node_modules/ijavascript/bin/jp-babel
./jp-babel.js
次のように動作します.
唯一完璧ではないのは、コードを入力した後、ショートカットキー
Control + Enter
を使用してコードを実行すると、2回目にエラーが発生します.デフォルトでは厳格モードが使用されているためかもしれません.解決策は、メニューのKernel -> Interrupt
をクリックしてから、Control + Enter
を実行することです.もちろん、Interrupt
にもショートカットキーがあります.デフォルトはI,I
です.使用が不便な場合(例えば、Vimium
プラグインと衝突する場合)、Help -> Edit Keyboard Shortcuts
で変更できます.結論
以上、
Jupyter Notebook
のインストールと、Javascript
の構成をサポートする完全なプロセスです.彼女がいれば、ドキュメントでコードを実行するだけでなく、Webページで共有することもできます.同時に、分析プロセス全体を再現し、説明文字、コード、グラフ、式、結論を1つのドキュメントに統合し、同業者と効果的にコミュニケーションします.