Element-React开发环境搭建小结

主要部署：

安装VSCODE，配置react开发环境，安装element库包，使用命令创建和启动项目等。具体细节可以看以下几篇文章。

1、安装VSCODE

React vscode 创建 react 项目流程【超详细】：React vscode 创建 react 项目流程【超详细】_一颗不甘坠落的流星的博客-CSDN博客_react vscode

包括了如何在vscode中使用终端的设置。 

2、简单的element demo 

谷粒后台项目的记录：React+Element-React （一）：安装与基本配置_@我不认识你的博客-CSDN博客_react安装element

3、运行问题解决：

Module not found: Error: Can't resolve 'babel-runtime/helper/extends'_Shine_180418的博客-CSDN博客

4、参考学习文档：

​​​​​​Hello World – React


Element-Reacthttps://elemefe.github.io/element-react/#/zh-CN/quick-start
当需要使用相关组件时，直接考用上述组件即可

5、项目文件加载顺序：

React调用顺序: index.html → index.js → components/组件

一般项目创建好后会有二个文件：index.html、index.js。

my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/index.js是编译的入口文件，只能叫index这个名字，改别的名字不行（除非你改配置文件，继续往下看）。

注：运行npm run eject可使其暴露webpack等配置文件，注意该操作不可逆。

有关 npm run eject 命令的具体使用原理，可详参其他博文。

在利用脚手架工具create-react-app创建项目后，

其中：

1.node_modules是各个插件依赖包存放位置；
2.public用于放置静态资源，里面的资源不会参与构建；
3.src是源码文件，一般做开发就在这个文件夹，会参与打包构建；