react-项目创建

来源:互联网 发布:python3进行数据分析 编辑:程序博客网 时间:2024/06/05 21:05

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