Skip to content

个人博客前台,打算前期用vue实现,后续全部换成react

Notifications You must be signed in to change notification settings

WaterAndBin/blog

Repository files navigation

安装

  1. 输入 pnpm i 或者 pnpm install
  2. 输入 pnpm run dev 即可运行
  3. 不太推荐用 npm或者yarn 进行下载,会出现一些问题(比如加载卡顿等)

相关方法

  1. 安装包之后或者其他问题,输入 pnpm store prune 清除缓存

安装问题

  1. Running postinstall script...或者Running postinstall script, done in 92ms 相关问题 github 地址:(看了之后暂时未发现怎么处理,好像是说是nuxt的问题,目前只能忽略,跳过),本人技术问题,望后续有人能解决 antfu/vitesse-nuxt#99 simoneb/fast-folder-size#60 忽略代码位置:package.json 相关代码: "pnpm": { "neverBuiltDependencies": [ "fast-folder-size" ] }

开发注意事项

  1. 当想使用"@nuxt/img"的使用,发现报错,证明你的电脑或者包并没有成功下载 sharp,该包是用于处理图片操作,这时候需要配置一些东西
    1. 在 .npmrc 下 配置这两个选项:(注意:.npmrc一般在该文件下面:Administrator 或者 C:\Users\Administrator) sharp_binary_host=https://npm.taobao.org/mirrors/sharp sharp_libvips_binary_host=https://npm.taobao.org/mirrors/sharp-libvips
    2. win+R输入cmd,下载全局 npm i -g sharp
    3. 将node_modules删掉,而后重新下载即可
  2. 当出现 某个定义的参数 未读值(或者出现 Cannot redeclare block-scoped variable 'xxx'),如果在代码都正常的情况,并且定义的参数并不是在 setup(语法糖)中使用,而是在 <>

项目规则

  1. 能组件化开始就组件化开发,创建的每一个值都必须要有类型限制(注意:非特殊情况请不要使用 any )
  2. 命名都使用大驼峰写法,组件命名统一大写(除非 index.vue ),请勿使用中文拼英进行命名(比如,名字写name,不可以写mingzi)
  3. 当发现使用了 props 的时候,发现报错(已声明“props”,但从未读取其值。ts(6133))的时候,确保 props 里面的值仅用在 template 中,语法糖里面并未使用该props的时候,可以使用 // @ts-ignore 来避免 ts 的语法检查

项目完成进度

2024-1-24

  1. 当editor里面子节点全部删除的时候,自动增加'


    '

  2. 当按下 enter 的时候,自动增加 p 标签,若是h1等,则不会增加p标签
  3. 当结构改变的时候,增加MutationObserver,自动指定 lastNode
  4. 当delete到尽头的时候,lastNode节点变成最外层的盒子

2024-1-25

  1. 解决遗留的bug问题
  2. 解决了一些bug ,具体忘记了

2024-1-30 (难点)

  1. 开始选择区域开始样式的增加和修改
  2. 刚刚开始是给class,后面发现不太行,一堆问题,现在改成标签,很多方法都要重写了
  3. 主要完成的功能
    1. 当选择了一些文字,标题要有哪些样式被使用了
    2. 重写了部分样式修改,比如当 4<s>1</s>5 要改成有 strong 的时候进行处理等操作
    3. 开始重写选择器中含有各种样式等操作,这种会比较难

2024-1-30 (难点)

  1. 开始完善 <strong>123<s>456<s/>789</strong> 变成 123<s>456</s>789,要用fragment来进行处理
  2. 完善逻辑

2024-2-6

  1. 完成了中间选区的功能
  2. 增加了是否全选的逻辑代码
  3. 增加了水平线和代码块
  4. 还是存在一些bug

2024-2-7

  1. 代码块增加删除按钮,代码块的样式修改
  2. 修改了document.execCommand方法,将部分的document.execCommand废弃掉,用其他方法实现,保证其他浏览器可以兼容
  3. 开始书写界面

2024-2-16

  1. 完善各页面,登录注册等
  2. 增加了消息弹框

About

个人博客前台,打算前期用vue实现,后续全部换成react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published