2021.1.12 新建react项目 设置webstorm代码自动提示 antd中Layout 给Header加上box-shadow样式
新建react项目记录
先安装react脚手架，生成的文件中只保留/public/index.html/和/src/app.jsx和/src/index.js这三项。
index.js是入口文件，它引用了app.jsx中的APP组件，同时它把项目挂载在index.html的<div id="root"></div>上。
然后就是快速出项目，这里只做一个页面，就不纠结命名和路由的事情，找好antd中需要的Layout布局，就大段复制过来再修改。不要自己码字，很慢，而且应该在组件库的基础上进行调整。antd的样式是写在index.js上的：import 'antd/dist/antd.min.css';
webstorm 代码自动提示
然后是，新建的项目的代码自动提示是没有的，要自己在setting中设置，首先js中得是识别jsx模式的，然后
，点了这个就有一些自动提示了，但是react里面的 style 还是没有自动提示，然后勾选了libraries里面的HTML还是做了其他什么，加上期间电脑重启了两次，就有了……下次再说吧
antd Layout 想给Header加上box-shadow样式
发现Header的样式中，border是可以正常添加的，但是boxshadow就完全看不到。后来灵机一动啊，就想到boxshadow可能是被盖住了，设置了z-index把Header往前放，就能看到了。
