03 2022 档案
摘要：1、安装babel-loader npm install --save babel-loader @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime
阅读全文
摘要：
阅读全文
摘要：1、安装url-loader npm install --save-dev url-loader 2、配置 module:{//模块 rules:[//规则 { test:/\.(png|jpg|gif|jpeg)$/, //找符合格式的图片 use:{ loader:"url-loader",//
阅读全文
摘要：【css压缩】 npm install --save optimize-css-assets-webpack-plugin let OptimizeCss=require('optimize-css-assets-webpack-plugin');//css压缩 module.exports={ o
阅读全文
摘要：css3自动加前缀 -webkit- 1、安装yarn add -D postcss-loader autoprefixer yarn add -D postcss-loader autoprefixer 或 npm install --save postcss-loader autoprefixe
阅读全文
摘要：1、安装css loader npm install --save-dev css-loader style-loader mini-css-extract-plugin css-loader :解析@import这种语法 =>即可用@import引入 css样式 style-loader :把cs
阅读全文
摘要：单页面SPA，多页面MPA。实战开发中，不管vue还是react都是单页面应用。(面试会问到多页面配置，要记下流程)。多页面代表多入口 1、(在webpack.config.js中配置) 多入口 entry:{ index:"./src/index.js", admin:"./src/admin.j
阅读全文
摘要：使用html模板插件解决启动webpack-dev-server时必须生成build文件夹,也可以指定html文件，在html文件中写程序 1、安装html-webpack-plugin npm install --save-dev html-webpack-plugin 2、(在webpack.c
阅读全文
摘要：node有自己的服务器，apache有自己的服务器，webpack也有自己的服务器，以后就在这里面去开发。 1、安装webpack-dev-server: npm install --save-dev webpack-dev-server 2、执行 npx webpack-dev-server （一
阅读全文
摘要：前端框架Vue、React，底层都是基于webpage来配置的。 实际开发中使用的官方脚手架都是配置好了的，但是官方脚手架配置很基础，需要我们后面在这个基础上去拓展和配置。比如配置代理，配置css模块化，配置自定义加载load等。 面试也会问，你配置了webpack的哪些选项了。 【Webpack基
阅读全文
摘要：在远程仓库github页面的demo仓库中，创建两个不同的分支：xiaomu(代表开发者为小木) + summer（代表开发者为五月的夏天）。 打开demo文件夹，代表开发者是summer。此时在test分支上，在终端执行 git fetch （拉取远程仓库） git branch -av （查看分
阅读全文
摘要：在DEMO文件夹里面编辑，代表开发者是五月的夏天。 修改并保存demo.html文件，修改div标签"这是五月的夏天第二次修改的代码"。 在test分支上，在终端执行： git add . git commit -m 五月的夏天第二次修改的代码 git push （推送到远程仓库） 查看远程仓库页面
阅读全文
摘要：在github上面重新创建了一个demo仓库，桌面重新创建文件夹demo。文件夹里面有demo.css+demo.html+.gitignore。 在终端执行： git init git add . git commit -m 初始化代码 回到github页面，复制执行最后那两句命令 （这样就把本地
阅读全文
摘要：git log (可以看到当前分支里面所有的提交记录) git log --oneline (实现简写的方式。只显示commitID+提交信息) 【如何查看版本路线呢】 git log --oneline --graph (不同的人通过这条命令，都能查看我们之前，在哪个分支做了哪些工作和哪些提交)
阅读全文
摘要：如果事先已经约好，比如各自完成的功能，那么发生冲突的概率就很小。 如果开发时候，没有约定好规范，发生冲突概率大。 模拟场景： 在main分支上修改并保存test.html文件中的div标签的文本内容为“这是main分支上的代码” 在终端执行 git add . git commit -m main分
阅读全文
摘要：分支就是支线，可能会完成某些单独的功能，如何我们会把分支的代码，一并合并到主线上面来。 git branch (发现当前在dev分支上) 修改并保存test.css文件和test.js文件的代码。 git status git add . git commit -m 修改dev分支的代码 【现在要把
阅读全文
摘要：分支就是支线，我们需要完成某些功能时候，可以从主线剥离出来一些支线，由支线完成单独的功能。最后把所有支线合并到主线上面来，这就是分支操作。 剥离出来的分线，称之为分支。分支有什么好处？ 第一，方便多人协作开发。各自在分支上开发，互不影响，最后合并到主线。 第二，完成各自支线任务时，不会影响到主线。
阅读全文
摘要：在终端执行 git tag v1.0 (v1.0是标签名)（默认加在最新一次的commit上面） git tag (判断创建标签是否成功) git log （查看效果） 【如果想加在之前的commit上面怎么办(即针对某次commit来加上独特的标签)】 复制commitID前7 git tag v
阅读全文
摘要：在桌面创建一个test文件夹(创建test.html,.gitignore），在github页面创建一个test仓库。 在终端执行 git init git add . git commit -m 初始化项目 复制执行最后两段代码 刷新网页 新增test.css+test.js 在终端执行 git
阅读全文
摘要：git checkout 版本commitID前七 -- 文件
阅读全文
摘要：【方式一】 git reset --hard HEAD^^ 【方式二】git reset --hard 复制版本commitID(至少前7位数)
阅读全文
摘要：说明叫文件追踪？如果把某个文件git add到暂存区，git就会实现对这个文件的追踪。这个时候做还原的操作就不行了。 也就是说，如果对demo.html文件进行修改，保存好进行如下操作： git add . git status (提示发现被修改的文件变成绿色的了) git checkout --
阅读全文
摘要：【1】git init 初始化 【2】git add . 把文件存到暂存区 【3】git commit -m 第一次上传文件 提交到本地仓库 【4】git status 查看当前的项目有哪些改动的状态 【5】git log查看之前的提交记录 【6】git log --author='YAP0930'
阅读全文
摘要：【常用插件推荐一】CSS Peek: html 与 css 关联 【常用插件推荐一】Prettier: 代码格式化 【常用插件推荐一】Icon Fonts: 图标集，如Font Awesome、Glyphicons 【常用插件推荐一】Auto Rename Tag: 自动修改标签 【常用插件推荐二】
阅读全文
摘要：1、git clone 克隆远程仓库到本地 2、使用VSCode打开文件夹 3、VSCode使用Git基本操作：add+commit+pull+checkout
阅读全文
摘要：git工作流 【 clone远程仓库】 【add+commit+push】 【pull+checkout】
阅读全文
摘要：新创建好的项目没有任何代码，需要初始化项目。
阅读全文