vue3

使用monaco-editor编写代码编辑器; monaco-editor是vscode使用的编辑器

1.简单粗暴型:直接在main.js(main.ts)中引入即可 2.通过配置文件引入(修改配置文件请重启项目) 在vue.config.js文件中添加:

1. 完整示例：vue-codemirror+vue3-sfc-loader实现在线编辑和预览功能 2.实现在线编辑器:使用codemirror的vue版本vue-codemirror 3.预览:使用

vscode配置vue3代码片段模板两种方式1.不使用setup语法糖的模板 2.使用setup语法糖

直接关闭any类型的警告: 在 .eslintrc.js文件中找到rules 添加 "@typescript-eslint/no-explicit-any": ["off"]

vue3中 渲染完成后,控制台检查 vue2中 渲染完成后,控制台检查 由于标签解析完成后,标签自身属性在vue3中和vue2保持一致,但是自定义属性则发生了一些变化,如果在css中使用选择器需要注意

报错原因: 执行npm install --save-dev less-loader less命令时,下载的为最新版本的less-loader,在package.jeson中可以看到为'^8.0.0'

js比对两段文本的异同: 使用jsDiff 1.下载 2.引入 不支持使用import引入 3.使用