从零搭建一个react项目

首先你的电脑需要安装nodejs


具体步骤见文章
https://ricesgui.github.io/2018/09/11/%E4%BB%8E%E9%9B%B6%E6%90%AD%E5%BB%BA%E4%B8%80%E4%B8%AAvue%E9%A1%B9%E7%9B%AE/

然后就是搭建我们的主角react项目啦

运用create-react-app插件


安装命令:
npm install -g create-react-app
等几分钟得到下图结果就是安装成功,可以进行下一步操作。

进入到你想要放置项目的文件夹目录打开命令行界面,
安装命令:
create-react–app react-demo

如下图,即安装成功。

我们来看一下生成的文件目录

最后就是需要将我们的项目跑起来啦,
安装命令:

cd react-demo
npm install
npm start

看看跑起来后的react项目页面。


这个项目是自动打开浏览器的,我们可以看一下配置文件然后配置一下端口和打开方式,一版都是不用自动打开比较方便我们操作。
修改端口可以打开package.json文件
如下操作就好

最最后,开始编写我们的项目啦。