LoginSignup
0
3

More than 5 years have passed since last update.

React+Redux+Node.js+express+MongoDBインストール手順

Posted at

自分のメモ用にReact/Node.js/express/MongoDBのインストール手順をメモ。

nvmインストール

git clone git://github.com/creationix/nvm.git ~/.nvm

Node.js

nvm install <version>

express

まずはグルーバルにインストール

npm install express --save -g
npm install express-generator --save -g
npm install ejs --save -g

そのあとプロジェクトディレクトリにexpressインストール

cd ~/dev
mkdir <プロジェクト名>
cd ~/dev/<プロジェクト名>
express -e ./<プロジェクト名>

依存モジュールインストール

cd ./<プロジェクト名> && npm install

run the test app

DEBUG=<プロジェクト名>:* npm start

MongoDB

mongodb自体をインストール

brew install mongodb
ln -sfv /usr/local/opt/mongodb/*.plist ~/Library/LaunchAgents
launchctl load -w ~/Library/LaunchAgents/homebrew.mxcl.mongodb.plist

データ格納ディレクトリ作成

mkdir -p ~/dev/mongodb/data/db

起動

mongod --dbpath ~/dev/mongodb/data/db

設定ファイル

vim /usr/local/etc/mongod.conf
    systemLog:
        destination: file
        path: /usr/local/var/log/mongodb/mongo.log
        logAppend: true
    storage:
        dbPath: ~/dev/mongodb/data/db
    net:
        bindIp: 127.0.0.1

expressとの連携のためパッケージインストール

Node.js用driver(node-mongo-native)
npm install mongodb --save -g
MongoDB用のO/Rmapper
npm install mongoose --save -g
セッション管理にMongoDBを使うためのモジュール
npm install connect-mongo --save -g
セッション管理を行うモジュール
npm install express-session --save -g

React

npm install react react-dom --save -g
0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3