如何在本地环境或系统上设置新的reactjs项目?

时间:2018-11-03 16:43:16

标签: reactjs

我开始学习用于Web开发前端的reactjs。出于学习目的,我在本地系统上安装了node和npm,以下是node和npm的版本

节点v8.11.3

npm v5.6.0

我已经运行了波纹管命令

npm初始化

并使用命令创建以下文件的pakage.json

{
  "name": "loginpage",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "main": "index.js",
  "author": "rizwan",
  "license": "ISC",
  "description": ""
}

在下一步中,我运行以下命令安装节点并做出响应 npm安装 然后运行 create-react-app hello-world 命令,但在当前的本地项目文件夹例外pakage.json文件中没有发现任何变化,我不知道我在哪里做错。指引正确的方向。

2 个答案:

答案 0 :(得分:1)

Create-react-app从头开始创建所有内容,您无需创建文件夹或npm init,诸如此类。

只需运行create-react-app my-project,您将在my-project文件夹中拥有所需的一切。

答案 1 :(得分:0)

创建React应用 首先,在全局安装create-react-app 然后,运行这些命令 create-react-app app-name cd app-name npm run start 我更喜欢使用Yarn而不是npm