react学习之路1

小咪咪 2023-02-21 14:14 2阅读 0赞

公司使用的react，但自身基本不了解，这是我要学习react的目的之一。（还要对es6，typescript了解）

在阅读了一些基础知识之后，我想要边实战边学习，实战才是真道理。

首先我想要搭建一个react项目，我找到了一个博客[https://blog.csdn.net/weixin\_43404667/article/details/83045016][https_blog.csdn.net_weixin_43404667_article_details_83045016]

给了我思路，然后我打开了[https://www.html.cn/create-react-app/docs/getting-started/][https_www.html.cn_create-react-app_docs_getting-started]

了解使用[create-react-app][https_www.html.cn_create-react-app_docs_getting-started] 。很高兴的是，我觉得这条路是正确的，它具有创建基本结构的快速方法。

安装visual studio 和node.js后

使用npx create-react-app my-app，首先需要移动到要创建文件夹的位置，然后执行![20200701090909691.png][]

然后，出现了问题。。![20200701091222903.png][]

根据我的了解，应该是没有设置 proxy。果然设置下proxy来代理访问

npm config set registry https://registry.npm.taobao.org

再次执行就成功了。自动启动

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx_size_16_color_FFFFFF_t_70 1][]

[https_blog.csdn.net_weixin_43404667_article_details_83045016]: https://blog.csdn.net/weixin_43404667/article/details/83045016
[https_www.html.cn_create-react-app_docs_getting-started]: https://www.html.cn/create-react-app/docs/getting-started/
[20200701090909691.png]: https://img-blog.csdnimg.cn/20200701090909691.png
[20200701091222903.png]: https://img-blog.csdnimg.cn/20200701091222903.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200701095846665.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200701100027144.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NjIwNDYx,size_16,color_FFFFFF,t_70