先介绍什么是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有所帮助!如果有帮助的话,就麻烦点个赞呗!