如何用reactjs生成nodejsexpression式的应用程序

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

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

我在我的应用程序中为服务器端代码创build了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 express应用程序https://github.com/expressjs/express ，它不应该覆盖我现有的package.json

$ express？

任何人都可以帮助它的方法是什么？ 还是我做错了什么？

Answer 1

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

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

由于这不是一个好的想法。 你可以考虑几个入门套件来完成这个任务。

1. mern.io这个意思是：mongo，express，react和nodejs。 这与预configuration的React路由器，Redux和服务器端渲染。
2. React初学者工具包

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