react项目运行后显示builddist等目录

前端打包后生成的dist/build目录，如何在本地启动服务运行

1. 全局安装live-server插件

2. 在dist/build文件夹（刚刚打包成功后多出来的文件夹）终端输入

3. 浏览项目

1. 全局安装live-server插件

npm install -g live-server

2. 在dist/build文件夹（刚刚打包成功后多出来的文件夹）终端输入

live-server

3. 浏览项目

默认监听在8080端口，打开浏览器，输入localhost:8080 就可以预览了

MSBuild文件夹是Visual Studio生成平台文件夹。

MSBuild是 Microsoft Build Engine 的缩写，代表 Microsoft 和 Visual Studio 的新的生成平台。MSBuild在如何处理和生成软件方面是完全透明的，使开发人员能够在未安装 Visual Studio 的生成实验室环境中组织和生成产品。

含义

MSBuild 引入了一种新的基于 XML 的项目文件格式，这种格式容易理解、易于扩展并且完全受 Microsoft 支持。

MSBuild项目文件的格式使开发人员能够充分描述哪些项需要生成，以及如何利用不同的平台和配置生成这些项。另外，项目文件的格式还使开发人员能够创作可重用的生成规则，这些规则可以分解到不同的文件中，以便可以在产品内的不同项目之间一致地执行生成。以下各节描述了MSBuild 项目文件格式的一些基本要素。　

在使用AndroidStudio协同开发项目的时候，项目组其他成员把项目拉到本地的时候经常会有各种各样的问题。在这其中有很大一部分问题是因为每个人的开发环境有差异导致的。为了解决这些问题，我们要在上传项目的时候忽略一些文件，这样就会减少协同开发中的问题。下边来看一下忽略文件的方法。

这里说一下这三种类型的意思：

1、忽略指定的文件

2、忽略文件夹下所有文件

3、忽略符合匹配规则的文件

然后我们要忽略那些文件呢？

1、.idea 文件夹，此文件夹是用来保存开发工具的设置信息。(使用第二种忽略方式)

2、 .gradle 文件夹，此文件夹是用来保存gradle的依赖信息。(使用第二种忽略方式)

3、 所有的 build 文件夹，build文件夹是用来保存编译后的文件目录。(使用第二种忽略方式)

4、 所有的 .iml 文件，是用来保存开发工具信息。(使用第三种忽略方式)

5、local.properties 文件，是用来保存项目依赖信息。(使用第一种忽略方式)

上述的列举的几个就是我们要忽略的文件，通过忽略上述文件，我们可以减少协同开发中因为配置不同所带来的问题。还有通过忽略所有的build文件，我们可以减少项目的体积，同时减少github的压力。

工欲善其事，必先利其器。我们要先学会如何是用我们的工具，才能更有效率的工作！

---