react-项目创建

1.demo来源

https://my.oschina.net/codingBingo/blog/652656?p=1

2.项目创建

$ mkdir reactApp
$ cd reactApp/
$ npm init

E:\ReactApp\package.json

3.依赖安装

$ npm install react-dom --save

生成  node_modules依赖项目录，以下依赖默认在这个目录下


jsx相关

$ npm install babel-core --save
$ npm install babel-loader --save
$ npm install babel-preset-react --save
$ npm install babel-preset-es2015 --save

文件创建

linux命令

$ touch index.html
$ touch App.jsx
$ touch main.js
$ touch webpack.config.js

windows dos命令

more nul > index.html

任务配置代码

以下编辑reactApp

1.第一步我们要做的就是入口文件的内容啦

E:\ReactApp

index.html
index.js

配置我们的App.jsx和main.js文件
这是我们的react组件。这个组件的任务就是输出Hello World!!!


npm start出错

建议

git bash试试

所以接下来的任务是安装git