React+Node初尝试

这是第一次写React和Node,选用的是前端Material-ui框架,后端使用的是Express框架,数据库采用的是Mongodb。

项目代码在:GitHub/lilu_movie , 欢迎大家关注或提问题。

这是一个通过从电影天堂抓取数据并显示的电影网站,demo部署在heroku上面。

安装:

首先安装express框架;

npm install express --save

生成文件后,可以通过npm start启动应用。

注意:ejs 从3.x后不支持layout,可以通过express-partials ,但是不支持4,4之后用include

紧接着我迫不及待安装material-ui:

npm install material-ui --save

然后出现错误:

所以必须安装react依赖:

npm install react@^15.0.0 --save

npm install react-dom@^15.0.0 --save

npm install react-tap-event-plugin@^1.0.0 --save

安装nodemon

nodemon ./bin/www #更改会自动重启服务

本地安装数据库mongodb

然后npm安装操作mongodb的mongoose 

npm install mongoose

npm install express-mongoose 

接着你会发现按照material-ui的import引入报错,

使用es6查看系统支持哪些es6语法

npm install es6-checker

因为react使用es6和jsx语法,所以需要转化,安装如下包:

npm install babel-loader babel-core babel-preset-es2015 —save-dev

npm install jsx-loader —save-dev

npm install babel-preset-react

相关推荐