1期目标

EditorConfig

https://mp.weixin.qq.com/s/BX1AAlUDekAPR2pxM9wBeA

rollup 打包

yarn add rollup rollup-plugin-babel @babel/core @babel/preset-env @babel/preset-react -D

.gitignore 屏蔽不进行版本管理的文件、文件夹

.yarnignore 用yarn发布时屏蔽的文件、文件夹

.pretterrc.js

rollup.config.js

babel.config.js

yarn run rollup --config --watch

yarn run rollup --config

yarn link

进入测试项目

yarn link react-json-tools-library

Babel

js编译器，用于将最新的语法编译成兼容版本呢

• 转换语法

• Polyfill 目标环境中缺少的功能 https://zhuanlan.zhihu.com/p/71640183

• 源代码转换(codemods)

• 等

antd

css样式要在index.css第一行引入？

import 'antd/.../ant.min.css'

index.module.scss引入的style才有效？不知道antd pro是怎么做的

@

再creat-react-app之后

yarn eject

config > webpack.config.js > alias > '@':paths.appSrc

mySql

删除重装

https://blog.csdn.net/wqy18210176544/article/details/77235203

https://blog.csdn.net/qq_43358160/article/details/116862012

创建数据库

• 链接 mysql -u root -p

• 创建 create DATABASE dbname

• 创建 CREATE DATABASE blog_db; (注意分号必不可少)

• 查看 SHOW DATABASES;

• 退出 exit

连接查看

软件 DBeaver

• 选择mysql数据库
• 输入地址、端口号、数据库名、用户名、密码 (password: 970716)
• 注意数据库的字符集，选择utf8

数据库设计

https://wjrsbu.smartapps.cn/zhihu/article?id=389186555&isShared=1&uid_f=1294925793739231232&_swebfr=1&_swebFromHost=baiduboxapp

• 使用PDManer设计表

• 复制数据库代码在DBeaver的SQL脚本中执行，即可创建对应数据库表

• 添加新的列

• ALTER TABLE article ADD COLUMN (
      content_md TEXT    COMMENT '文章内容md' ,
      content_html TEXT    COMMENT '文章内容html'
  );

• ALTER TABLE article
  MODIFY title varchar(255) NOT null UNIQUE COMMENT '标题';

sequelize

https://www.sequelize.com.cn/

• yarn add egg-sequelize // sequelize

  • https://www.jianshu.com/p/2f78b1c88c51 egg配置

• yarn add mysql2

  • https://www.bookstack.cn/read/egg-plugins-docs-cn/egg-sequelize.md

• yarn add sequelize-automate // 自动生成models

  • https://github.com/nodejh/sequelize-automate

• ctx.model.Article // 模型首字母大写

• 自动生成的model，option中添加 ”timestamps: false“，禁用时间戳

EGG

controller中： html各种参数获取

• ctx.query url参数
• ctx.params url变量
• ctx.request.body body参数

egg-validate 参数校验插件，别忘了在plugin.js中开启配置

csrf

egg开启了csrf安全验证，在login之前，get请求获取ctx.csrf保存在localStorage里面，在每次post请求时

headers: {
	'x-csrf-token': window.localStorage.getItem('x-csrf-token'),
},

antd pro

mock https://www.jianshu.com/p/15c020ceb660

// antd pro 支持sass
yarn add @umijs/plugin-sass node-sass sass-loader
// config.js
export default {
	sass:{},
}

md显示编辑

• react-markdown-editor-lite
• markdow-it

使用Gitee创建临时的图床

https://cloud.tencent.com/developer/article/1930828#:~:text=在 Gitee%2FGitHub 创建一个图床仓库，用来存放你的图片。 首先打开你的 Gitee 主页，点击 新建仓库 ，创建一个仓库。,填写描述，然后提交，输入你的 Gitee 账号密码即可， Token 关闭页面后将不再显示，因此需要记录 Token。 至此，Gitee 的配置已经完成。

FileReader

实现读取本地文件

https://blog.csdn.net/xianweizuo/article/details/88911364