工欲善其事,必先利其器,为了方便开发react项目,先做好准备工作。
脚手架下载react工程
使用名命令行下载react-cli,执行以下命令并运行整个项目工程(你的电脑需要安装node)。
npm install -g create-react-app
create-react-app my-app
cd my-app
npm run start
安装插件
推荐两款好用的插件,其他插件可根据喜好和需要自行安装。
Simple react snippets -----简单的命令生成react项目模板
Prettier-codeformatter -----格式化
生成项目依赖
根据项目需要可以下载项目所需依赖,如需要安装bootstrap,可执行命令npm install bootstrap --save在本地安装依赖,对应package.json会更行,对应的模块会有bootstrap的依赖。打开package.json会显示只有几条依赖,一个react当然不止几个依赖,若想知道工程相关的依赖,可执行npm run eject查看。使用eject命令生成依赖,如果使用仓库记得先提交修改再执行命令,完成命令,package.json会生成整个工程的依赖。