1、安装ant-design-vue使用yarn或npm安装并引入ant-design-vue。yarnaddant-design-vuenpmi--saveant-design-vue2、安装babel-plugin-importbabel-plugin-import是一个用于按需加载组件代码和样式的babel插件。yarnaddbabel-plugin-import--dev3、babel配置修改babel.config.js文件，配置babel-plugin-import参数。//babel.config.js//lazyloadant-desig...

*原文地址：落地微前端qiankun理论与实践指北*一、前言“一千个人眼里有一千个哈姆雷特”本文仅是作者这段时间对微前端的思考与感悟，文笔拙劣，多多海涵。微前端的实现方式有很多种，但是微前端并不完美。只有适合自己、适合团队的才是最佳实践。由于本文较长（PS：本人懒得分篇），目录一至目录七偏理论知识，目录七之后为实践操作与思考，大家可以适当的跳跃来看微前端是什么？微前端不是特指某一项技术，而是一种思想。是由2016年ThoughtWorksTechnologyRadar中提出的，借鉴后端微服务的架构模式，将Web应用由单一的单体应用转变为多个小型前端应用，聚合为一的应用。所以微前端不是指具体的库...

1、安装全部依赖yarninstall2、安装指定组件yarnaddpackage3、安装指定组件到devDependencies环境yarnadd--devpackage4、卸载指定组件yarnremovepackage

1、错误现象：2、原因分析：2.1vuex配置模块化检查是否使用modules参数配置模块化//store/index.jsimportVuefrom'vue';importVuexfrom'vuex';importcountfrom'./count';importpersonfrom'./person';Vue.use(Vuex);exportdefaultnewVuex.Store({modules:{count,person}});2....

1、默认插槽子组件Category：//Category.vue<template><divclass="category"><h3>{{title}}分类</h3><slot/></div></template><script>exportdefault{name:'Category',props:['title'],&#125...

1、全局配置在global.less文件添加如下配置。/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:5px;height:10px;}/*定义滑块内阴影+圆角*/::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:10px;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{border-radius:10p...

快捷键描述shift+alt+↓快速复制当前行到下一行ctrl+enter新起一行ctrl+shift+k删除当前行

本文介绍如何将ant-design-pro的版本由react16升级到react17。1、升级react版本npminstall--savereact@17.0.22、升级react-dom版本npminstall--savereact-dom@17.0.23、升级types/react版本npminstall--save-dev@types/react@17.0.374、升级types/react-dom版本npminstall--save-dev@types/react-dom@17.0.11

1、错误提示​Warning:ReactdoesnotrecognizethedisableValueproponaDOMelement.IfyouintentionallywantittoappearintheDOMasacustomattribute,spellitaslowercasedisablevalueinstead.Ifyouaccidentallypasseditfromaparentcomponent,removeitfromtheDOMelement。2、原因分析​这是React不能识别dom元素上的非标准attribute报出的警告，最终的渲染结果中React会移除这些非...

**通过vscode发布的远程编程与调试的插件RemoteDevelopment，可以在很多情况下代替vim直接远程修改与调试服务器上的代码，同时具备代码高亮与补全功能，就和在本地使用vscode一样。**1、安装插件RemoteDevelopment安装成功后vscode左下角会有远程连接的图标展示2、远程连接点击左下角的远程连接图标，或者使用cmd+shift+p快捷键打开命令输入窗口，输入Remote-SSH:ConnecttoHost...，第一次使用时需要选择AddNewSSHHost配置一下。然后就照着如下格式输入登录服务器的命令：-A表示开启认证代理连接转发功能。输入完成后选择配...