npm install
npm run dev
npm run build
配置了jsx,用于封装一些组件
试着用了pinia来管理用户信息和帖子,但是感觉性能太差了,使用pinia前lighthouse性能评分85,用了后37,于是舍弃了。
- 课程专区的课件资料
放了各种跟后端连接的东西,所有的都在里面。
存放css文件。
global.css
是便于用户使用某些特效的hl.css
是代码高亮css,不知道为什么我无法正常导入,所以放到这里从这导入了jsxComponents.css
是jsx组件的样式main.css
是全局样式mode.css
存放黑暗模式和明亮模式的颜色
存放各种组件。
imageShower.jsx
用于放大图片。导出函数showImg(img:string)
,img
为图片地址MarkdownEditor.vue
markdown编辑器。需要传入一个响应式变量和一个发送函数。NewEditor.vue
第三方库,如果这个更好的话就用这个吧。需要传入一个响应式变量和一个发送函数MessageBox.jsx
展示一个6s的弹窗,导出函数showMsg(msg:string)
,msg是要展示的信息MarkdownContainer.vue
用于将md转为html。HeatList.vue
热榜NewEditor.vue
md编辑器的planB,如果MarkdownEditor.vue
反响不好可考虑换成这个第三方的编辑器。PostList.vue
帖子列表card
文件夹,里面有封装好的卡片,BasicCard.vue
是基础卡片,相当于父类,其他的都是子类。
expHandler.js
根据分数分配等级
strHandler.js
处理时间、图片链接