学习React (1) - VS Code里创立react app

先介绍什么是React:
React is a JavaScript library for building user interfaces.
React is a library and not a framework. React needs an outside library for state management and an outside library to make Ajax calls.

在安装React的时候,先得在VS Code里安装React 的 Extension, 这样对以后的编程有所帮助:
第一步:
进入VS Code,左边栏有很多功能,点击这个图标:
在这里插入图片描述
第二步:
在输入框里搜索 “ES7 React…", 就会出现搜索结果,图片如下:
在这里插入图片描述
由于博主已经安装了,就出现”Uninstall" 的字样。如果还没安装在VS Code的,就点击Install的按钮,这样就安装好了。


博主是在VS Code来进行学习React的。现在博主就将如何在VS Code上创造React App的步骤列下来:
第一步:
需要安装要创造的app的package,
在这里插入图片描述
上面的图片是从VS Code上截取的,安装package需要在VS Code的Terminal里安装。

第二步:
在VS Code里的Terminal输入这个命令:
npm install create-react-app

第三步:
继续输入这个命令:这个命令是用来创建名为“my-react-app”的,这里只是做个说明,可以随时改成喜欢的名字。
npx create-react-app my-react-app

最后一步:
进入到文件夹里,然后开始运行这个app。命令是有两个:
cd my-react-app
npm start

最后在浏览器里会出现这个界面,就说明Create React App已经创建成功了。
在这里插入图片描述
希望这个博客能对大家用react来创建react app有所帮助!如果有帮助的话,就麻烦点个赞呗!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章