摘要：
1.打开vscode，按住CTRL+F 调出替换工具 2.点击*星号使用正则表达式 3.在查找输入框输入(.*?): (.*) 4.在替换输入框输入'$1':'$2', 5.点击全部替换，就会出现想要的键值对效果 阅读全文
摘要：
介绍 官方文档 Pinia是Vue生态里Vuex的代替者，一个全新Vue的状态管理库，语法更加简洁；在推出vue3后，强烈推荐使用pinia代替vuex，因为它支持Composition api 和 对TypesScript的完美支持。 安装 npm install pinia 项目中引入Pinia 阅读全文
摘要：
1.打开终端，输入命令：npm init vite@latest 提示要安装create-vite@latest，输入y,按回车 2.输入项目名称，默认为：vite-project 3.选择项目的框架 vue,回车 4.选择项目使用的语言，vue-ts,回车 vue-ts 也就是TypeScript 阅读全文
摘要：
1. 返回结果不一样 for in 返回数组的key for of 返回数组的value var nums:number[] = [1001,1002,1003,1004] // for in for (var key in nums) { console.log(key) } // 输出： /** 阅读全文
摘要：
Windows 快捷键 win 显示/隐藏“开始”面板； win + D 显示/恢复桌面； win + M 最小化所有窗口； win + shift + M 还原最小化的窗口； ctrl + shift + N 新建文件夹； win + E 打开“我的电脑”； win + R 开启“运行”对话框 w 阅读全文
摘要：
1. elementUi 源码使用的是Node-sass,建议项目中也使用node-sass 检查page.json ,是否使用了 node-sass,如果使用了，建议删除，重新安装node-sass；安装时注意版本号。 2. 卸载 npm uninstall sass 3. 下载 node-sas 阅读全文
摘要：
实际运用场景： 在接口数据列表中，需要对接口数据增删改查，使用Monaco也是因为它支持多种语法，有高亮校验语法错误的功能。 安装 npm install monaco-editor@0.24.0 npm install monaco-editor-webpack-plugin --save //这 阅读全文
摘要：
添加resize事件 1.在钩子函数mounted中为window添加resize事件 window.addEventListener('resize', this.pageResize,true) 2.在钩子函数methods中添加resize处理方法 pageResize: debounce(f 阅读全文
摘要：
换肤 ColorPicker 颜色选择器 这里是直接用了elementUi的颜色选择器ColorPicker组件实现的 第一 在组件目录中新建ThemePicker/index.vue文件 第二 文件内容如下： <template> <el-color-picker v-model="theme" 阅读全文
摘要：
Vue-json-Editor json可视化编辑器 安装插件 npm install vue-json-editor --save 封装使用方法（父传子） ps:父传子，在父组件中通过属性传值，子组件通过prop接收 新建子组件 <template> <div class="jsonEditor" 阅读全文