如何使用reactjs生成nodejs表达应用程序

Question

我在我的应用程序中使用reactjs作为前端技术。我需要使用nodejs作为服务器端编程。

我设置了reactjs应用程序，它生成了项目结构和package.json然后我安装了express，npm本身已将它添加到package.json

我在服务器端代码的应用程序中创建了一个server目录。这是我的目录和package.json

{
  "name": "rock-paper-scissors-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "express": "^4.15.3",
    "react": "^15.6.1",
    "react-dom": "^15.6.1"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

项目结构：

到目前为止一切都很好。现在我想生成node-js快递应用https://github.com/expressjs/express，它不应该覆盖我现有的package.json

  

$ express ??

任何人都可以帮助它的方法吗？或者我做错了什么？

Answer 1

您可能需要在服务器目录中安装express。按cd server进入服务器目录，然后输入express myapp。这将使用不同的package.json文件生成一个完整的单独快速应用程序。

注意：必须在express myapp命令之前安装Expressjs生成器。您可以通过npm install -g express-generator

安装expressjs生成器

因为这不是一个很好的想法，因为在反应中进行全栈。您可以考虑使用几个入门套件来完成此任务。

1. mern.io 这代表：mongo，express，react和nodejs。这包括预先配置的React Router，Redux和Server端渲染。
2. React Starter Kit

  

React Starter Kit - 同构网络应用程序样板（Node.js，Express，GraphQL，React.js，Babel，PostCSS，Webpack，Browsersync）