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

xiaoxiao2021-02-28  90

安装环境,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)
转载请注明原文地址: https://www.6miu.com/read-81919.html

最新回复(0)