博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 从0到1
阅读量:4922 次
发布时间:2019-06-11

本文共 701 字,大约阅读时间需要 2 分钟。

 

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

我推荐用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把!

假装的。

没啦,这样就可以开始写项目啦!

还等什么呢?

 

接下来会继续更新的!

 

转载于:https://www.cnblogs.com/lieaiwen/p/8973950.html

你可能感兴趣的文章
DAG
查看>>
使用MVVM框架时,如何处理在页面动态渲染完之后需要发生的事件呢?
查看>>
StringBuilder与StringBuffer的区别
查看>>
String、StringBuffer、StringBuilder
查看>>
(转)导出EXCEL时科学计数法问题
查看>>
SVN客户端与服务器端搭建
查看>>
知识点整理一
查看>>
判断浏览器
查看>>
追加window.onload事件
查看>>
python并发编程之进程池,线程池concurrent.futures
查看>>
rdd的元素打印
查看>>
hdu4812 点分治水题
查看>>
最长回文子串(Manacher算法)
查看>>
第一次博客
查看>>
写给自己
查看>>
部署全局ajax处理
查看>>
Codeforces Round #403(div 2)
查看>>
大型网站处理高并发要点技术
查看>>
Codeforces-1059D:Nature Reserve问最大的圆包含全部点
查看>>
牛客练习赛24
查看>>