2022前端笔记整理

前言 初衷： 分享一下工作中实用的几个Plugin，希望对大家有些帮助，不喜勿喷。 html-webpack-plugin 用途： 将一个页面模板打包到dist目录下，默认都是自动引入js or cs

Webpack4常用的Loader style-loader 用途： 用于将css编译完成的样式，挂载到页面style标签上。需要注意loader执行顺序，style-loader放到第一位，因为lo

源码调试 常用调试 Vue/React 代码： 不调试，直接看代码找问题 console.log打印日志 用Chrome Devtools的debugger来调试 用VSCode的debugger来调

Jest 待整理.. 优秀参考 博文1、前端测试之Jest深入浅出 博文2、# Jest 零基础入门

Mock.js简介 相信各位刚参加实习或工作的前端小伙伴们会遇到这样一个问题：当我们完成了项目静态页面的制作，这时就差后端提供接口给我们请求并展示数据了，可后端同学这时却说接口还没完成。难道我们现在就

PostCSS 待整理.. 优秀博文 博文1、PostCSS 是个什么鬼东西？ 博文2、PostCSS的插件 -- 关于vue rem适配布局方案 博文3、vue中的PostCss和常用postcss

.browserslistrc 待整理... 优秀博文 博文1、vue中的.browserslistrc 文件？ 博文2、browserslist 是什么？看这篇就够了

前端规范化 待研究.. 优秀博文 博文1、editorconfig + prettier + Eslint 规范化 博文2、Eslint + Prettier + Husky + Commitlint

1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x

1、安装 2、使用 3、常用组件 官网：https://www.antdv.com/docs/vue/getting-started-cn/

1、安装 2、完整引入 在 main.js 中写入以下内容： 3、组件使用 官网：https://element-plus.gitee.io/zh-CN/guide/quickstart.html

1、安装 2、完整引入 在 main.js 中写入以下内容： 3、组件使用 官网：https://element.eleme.cn/#/zh-CN/component/quickstart

Vue2.0 项目 1、安装Vue Cli 2、查看Vue版本 3、如果需要升级 4、项目依赖 上面列出来的命令是用于升级全局的 Vue CLI。如需升级项目中的 Vue CLI 相关模块（以 @vu

1、Mac node版本管理 （1）安装node版本管理模块n sudo npm install n -g 下边步骤请根据自己需要选择 （2）安装稳定版 sudo n stable （3）安装最新版