react学习(二)______手把手教你搭建脚手架

要开发react的项目,最基础的项目结构要会搭建,大家不要以为就一个html页面,然后引入几个react的js文件就可以了,其实这么想就错了,出去工作这样做就完蛋了。所以今天我就搭建一个react项目的脚手架,脚手架我项目的基本结构。

脚手架的搭建

搭建脚手架需要安装node的环境,没安装的童鞋们可以在这个链接中下载装 https://nodejs.org/en/download/,安装完成以后打开黑窗口查看版本(win+R)打开黑窗口输入命令全局安装react的脚手架

install i -g create-react-app

我们要用到的编程软件是vscode,创建本地项目目录,在目录里面右键 用终端打开 输入一下命令

create-react-app .

得到以下的目录结构,这就代表你的脚手架基本搭建好了


%V5LFJ85C~09K2I7T%TUCHY.png

我们再通过命令运行在本地项目目录查看线上的效果

npm start
QQ图片20200502230840.png

项目结构基本搭建好,后续开发需要用到什么功能的就要通过npm命令来进行安装,看看自己的项目需求!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容