zoukankan      html  css  js  c++  java
  • 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往前放,就能看到了。

  • 相关阅读:
    HDU 1195.Open the Lock
    HDU 2612.Find a way
    HDU 1240.Asteroids!
    HDU 1429.胜利大逃亡(续)
    HDU 1253.胜利大逃亡
    HDU 2102.A计划
    HDU 2579.Dating with girls(2)
    HDU 1782.逃离迷宫
    洛谷1297[国家集训队]单选错位
    spoj1026Favorite Dice
  • 原文地址:https://www.cnblogs.com/peekapoooo/p/14288896.html
Copyright © 2011-2022 走看看