react-natvie 开发一个简单的app 流程

安装环境，node 环境

node官网下载安装

• 安装成功之后可以在跟目录（mac默认安装在跟目录）

cd /usr/local/bin/

• 使用 ls命令在终端查看对应的命令

node 环境之后需要使用一个web框架(express)来开发node服务

npm商店官网

• 直接所搜express，第一个就是

express框架地址

• 首先安装express框架
  -g：全局的意思
  sudo ：权限安装

sudo npm install -g express-generator@4

• 创建一个node的项目

1, 进入node的项目目录
2,创建express服务
如下图：

• 然后进入service目录下，使用ls命令查看

cd service
ls

• 然后npm install安装package.json文件中的内容

• 安装成功之后启动服务，启动服务命令如下

npm start 

• 然后在浏览器输入一下网址查看，默认端口3000

http://localhost:3000/

原理:
npm start 默认执行package.json 配置文件中的
“scripts”: {
“start”: “node ./bin/www”
}, 这个命令 ，实际上是执行的bin文件夹下的www文件

然后在终端进入www文件的目录
通过 cat www查看文件的内容

• 服务入口文件是app.js文件

• 项目文件目录和原理

  首先app.js文件通过路由确定加载的页面
  在routes文件下，默认加载index.js文件，该文件中通过路由默认加载views文件夹下的index.ejs文件，然后显示我们看见的网页

• 如果我们更改路由中的index.js文件，需要重启服务，这个时候我可以使用服务重启模块（supervisor），通过监听文件的改变达到自动重启的目的，安装和服务命令如下：

sudo npm install -g supervisor

解决webstorm 卡顿的问题

1.换SSD
2.将node_modules exclude出去

开发后台登录接口

• 我们需要使用框架(express-session)
•