- webstorm快捷鍵
代碼格式化：command+option+l - tslint 代碼檢查配置
tslint代碼格式見(jiàn)：tslint.json - 布局
使用的是頂部--側(cè)邊布局--通欄的布局
src/apps/def-proj/index.tsx
-
頂部導(dǎo)航欄效果截圖代碼截圖
-
左側(cè)導(dǎo)航欄/中部?jī)?nèi)容/底部foot代碼截圖
效果截圖
- 代碼結(jié)構(gòu)
1.項(xiàng)目整體默認(rèn)路由
src/apps/index.config.tsx
image.png
2.路由規(guī)則配置
結(jié)合文件src/CONFIG.ts和src/apps/flowManage/routerConfig.tsx
image.png
image.png
3.整體布局見(jiàn)src/apps/flowManage/index.tsx
4.IconFont https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.17&helptype=code
的使用
image.png
如在src/apps/flowManage/pages/iconFont.js中將第一步地址中的代碼拷貝到該文件中重抖；src/apps/flowManage/pages/iconFont.less中寫(xiě)樣式露氮；在要使用圖標(biāo)的文件中引入樣式文件和js文件即可如第三步那樣使用了。
import iconFont from '@apps/flowManage/pages/iconFont.less';
require('@apps/flowManage/pages/iconFont.js');
5.代碼規(guī)范檢查
package.json 規(guī)范規(guī)則在對(duì)應(yīng)dev/prod文件中
image.png
