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往前放,就能看到了。

  • 相关阅读:
    集合、序列、字典
    测验2: Python基础语法(上) (第4周)
    geckodriver问题
    转:Loadrunner添加服务器监控
    转:JMeter监控内存及CPU ——plugin插件监控被测系统资源方法
    星号三角形
    天天向上的力量 III
    平方值格式化
    同符号数学运算
    JMeter 连接MySQL
  • 原文地址:https://www.cnblogs.com/peekapoooo/p/14288896.html
Copyright © 2011-2022 走看看