react 从0到1

Posted 2020-11-02 lieaiwen

 

上一章基本知识点，学啦一点点啦！接下来就要做项目啦，我们就直接干一个项目，并且目前要最新的。

我推荐用create-react-app，  别问我为什么，我不知道

1.0 npm install -g create-react-app

1.1 create-react-app classw

 

1.2 进到这个文件夹

 npm start

 

 

 

哇好神奇啊！

妈的其实我一点都不感觉神奇，继续吧！

请注意，我用的是webstrom，，不是用这个的我建议趁早用这个，原因，还是没有

 

 

 这是文件目录

 

 

 

 

 这个修改了一下，接下来你看，注意看，一个新的知识点，我怎么跳转页面呢？

npm install --save react-router-dom

然后

 这些代码加上去

 

 

 

 

 

 

 

 自己点击看看吧！

 

 这你就可以开始写项目啦！前提是，用css写哈哈，不能用less或者是sass，

我们来配置一下sass吧！我一直用的这个

 

npm install sass-loader node-sass --save-dev
他不行的话就用
cnpm install sass-loader node-sass --save-dev

找到node_modules/react-scripts/config/webpack.config.dev.js文件和webpack.config.prod.js文件（两个文件都要改）

 

 

 

 

效果

哈哈，没有啦，，就这样so easy把！

假装的。

没啦，这样就可以开始写项目啦！

还等什么呢？

 

接下来会继续更新的！