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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM