前端工具
莉兹Liz
good good study, day day up!
展开
-
Mac快捷键(换备忘录)
Mac快捷键快捷键 含义cmd+⬅️ 光标移到行左fn 🍎表情cmd+C/V/Z/A/X 复制/粘贴/撤销/全选/剪切空格 快速查看文件cmd+I 显示文件信息control+空格 切换输入法cmd+空格 全局搜索cmd+W 关闭当前窗口cmd+option+W 关闭软件所有窗口cmd+Q 退出软件cmd+S 保存cmd+T 新建标签页cmd+N 新建窗口cmd+shift+N 新建文件夹/新建无痕窗口cmd+M 窗口最小化cmd+control+F 全屏/退出全屏cmd原创 2022-03-28 17:09:22 · 1226 阅读 · 0 评论 -
vscode设置记录
{ "workbench.iconTheme": "vscode-great-icons", // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F "editor.formatOnSave": false, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": false, // 添加 vue 支持 "eslint.validate": [原创 2022-03-28 11:44:41 · 336 阅读 · 0 评论 -
xxx is assigned a value but never used 报错
xxx is assigned a value but never used报错找到路径package.json文件 -> devDependencies -> rules添加以下代码 "rules": { "generator-star-spacing": "off", "no-debugger": "off", "no-tabs": "off", "no-unused-vars": "off", "no-console":原创 2022-03-10 10:17:48 · 1736 阅读 · 0 评论 -
vue项目中复制插件vue-clipboard2
复制功能插件:vue-clipboard2下载:npm install --save vue-clipboard2栗子:会更改三个文件下载后,package.json中增加vue-clipboard2进入src-main.js文件,增加以下代码import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);使用复制功能文件:<div id="app"></div> <template原创 2021-11-17 14:14:08 · 927 阅读 · 1 评论 -
git merge 撤销
git merge 后发现冲突太多,不好解决,且未commitgit reset --hard HEAD撤销原创 2021-09-23 16:04:01 · 144 阅读 · 0 评论 -
记录下vscode的settings和extension配置
settings{ "files.autoSave": "onFocusChange", // 失去焦点后自动保存 "editor.tabSize": 2, // 重新设定tabsize "editor.formatOnSave": true, // 每次保存自动格式化 // 每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 在使用搜索功能时,原创 2021-09-03 14:39:38 · 1193 阅读 · 0 评论 -
谷歌浏览器长截图
打开谷歌浏览器F12或Ctrl+Shift+I打开调试器Ctrl+Shift+P打开功能界面Capture full size screenshot按回车搜screenshot也有各种截图方式供选择栗子原创 2021-07-30 11:32:22 · 122 阅读 · 0 评论 -
--save和--save-dev下载依赖包到dependencies、devDependencies
npm依赖下载到package.json,dependencies中(所有环境中使用)npm install xx --save依赖下载到package.json,devDependencies中(开发环境中使用)npm install xx --save-dev// 或npm install xx -Dyarnyarn下载依赖包到devDependencies中只能用简写yarn add xx -D...原创 2021-02-26 18:28:08 · 1084 阅读 · 0 评论 -
AntD中Form表单自定义验证规则
需求AntD中Form表单自定义验证规则,不能为xxx或者只能是xxx代码不能为xxx<Form.Item label="学生编码" name="stuId" validateFirst={true} // 出错时两个校验分别生效 rules={[ { required: true, message: '学生编码不能为空' }, { validator: (rule, value) => { let reg = new RegExp(/[\u4E00-\u9FA5]原创 2021-02-03 14:55:28 · 6078 阅读 · 0 评论 -
antd气泡卡片Popover结合Icon实现小问号tips提示
import React, { Comporment } from 'react';import { Popover } from 'antd';import { QuestionCircleOutlined } from '@ant-design/icons';<Popover content={<div style={{ width: '117px', height: 'auto', fontSize: '12px', lineHeight: '17px',原创 2020-10-15 11:59:09 · 3324 阅读 · 3 评论 -
git 将一个分支的修改同步到另一个分支
1、提交当前分支dev1.0的修改git add .git commit -m "update"git pullgit push2、分支dev1.0切换到分支dev1.0_pregit checkout dev1.0_pre3、在分支dev1.0_pre上合并dev1.0的修改git merge dev1.0不确定当前分支可以git branch一下,查看本地分支和当前分支。...原创 2020-09-22 18:27:22 · 5213 阅读 · 0 评论 -
git删除远程分支
git status // 查看当前分支git checkout master // 切换到要删除分支外的其他分支git push origin --delete xx // 删除分支xx原创 2020-07-27 19:43:28 · 134 阅读 · 0 评论 -
Expected indentation of 1 space but found 1
新接手的项目,安装过eslintrc,目睹抽风过程首先遇到的bug是Expected indentation of 4 space but found 1 Tab,ok,fine,我用四个空格代替一个Tab手打好了吧?又遇到Expected indentation of 1 space but found 4,删掉一个Tab换成一个空格,结果bug变成了Expected indentation of 1 space but found 1?????????我真是满头小问号,截图为证,eslintrc抽风原创 2020-07-22 18:08:02 · 734 阅读 · 0 评论 -
切换hosts
开发、测试、预发、线上需要不同的hosts手动切换首先hosts位置Windows -> System32 -> drivers -> etc -> hosts不能直接更改,但是可以替换因此在外部创建文件夹,copy多个hosts,名称为hosts、hosts–测试、hosts–预发等更改内容用记事本打开、更改,使用时copy到外部文件夹hosts中,再移入Wi...原创 2020-02-26 18:52:58 · 245 阅读 · 0 评论 -
npm、cnpm、yarn
查看npm版本npm -v升级npm版本npm update查看npm配置npm config list更换源配置npm config set registry https://registry.npm.taobao.orgnpm config list / npm config get registery //检查是否替换成功安装cnpm插件npm install -g cn...原创 2020-02-25 15:14:11 · 440 阅读 · 0 评论 -
前端重装系统保存
2020年1月14日,微软将停止对Windows7的更新,并将于之后不久停止对 Office2010的更新。Windows7和Office2010在停止支持之后,将不会获得包括安全补丁在内的更新支持。鉴于安全考虑,目前使用Windows7系统的同学需要更换系统为Windows10。软件vscode下载 vscode插件git下载 gitgoogle下载 google插件 Axu...原创 2020-01-03 15:21:44 · 245 阅读 · 0 评论 -
产品画的Axure原型图打不开解决办法
1、换个浏览器,不用谷歌用火狐2、我就喜欢谷歌。下载AxureRP_for_chorme插件并安装下载办法:a、wallb、git下载,https://github.com/ChestnutNeko/AxureRP_for_chorme.git安装:右上角三个小圆点;设置;扩展程序(这三步可以chrome://extensions/解决);加载已解压的扩展程序...原创 2019-12-19 17:07:04 · 2344 阅读 · 2 评论 -
React Devtools调试工具
下载由于Google中React Devtools插件需要翻墙下载,我也翻不过去,就不过多叙述了。可以在git中下载到本地,这里放上地址https://github.com/ChestnutNeko/react-tool.git安装点击Google浏览器右上角三个小圆点,自定义及控制,打开设置打开扩展程序点击加载已解压的扩展程序选择文件夹并打开即可使用打开项目F12控制...原创 2019-12-18 20:25:49 · 1085 阅读 · 0 评论 -
webpack全局安装
npm install webpack -gnpm install webpack-dev-server -g原创 2019-12-13 19:53:47 · 95 阅读 · 0 评论 -
windows系统下编辑器建立文件夹和文件
bug:‘touch’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。touch是Linux系统的命令windows下使用echo testecho test>webpack.dev.config.js运行结果:...原创 2019-12-13 18:50:51 · 285 阅读 · 0 评论 -
VSCode快捷键及实用功能
Tab输入标签名,按Tab健,自动生成标签div按Tab<div></div>菜单栏Edit->Find/Ctrl+F页面右上角出现文件内部搜索栏,快速查找代码左侧菜单栏放大镜/View->Search/Ctrl+Shift+F全局搜索files to include指定文件内搜索Help->About查看版本号等信息Ma...原创 2019-12-04 09:56:59 · 794 阅读 · 0 评论 -
VSCode常用插件
下载Visual Studio CodeVisual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for J...原创 2019-12-02 14:45:30 · 493 阅读 · 0 评论 -
Git安装及配置
安装GitGit官网初始配置配置用户名及邮箱$ git config --global user.name "your name"$ git config --global user.email "xxx@xx.com"配置文本编辑器$ git config --global core.editor xx修改文件夹/文件名,设置git区分大小写git config --glo...原创 2019-11-28 10:41:23 · 79 阅读 · 0 评论 -
git代码提交、提测
git下载Git代码提交cmd //打开cmdd: //打开D盘cd xx //从文件夹依次打开,直到打开项目git add *git commit -m "update/fix"git pullgit push代码提交到测试环境cmdd:cd xxgit add *git commit -m "update/fix"git pullgit pushnpm r...原创 2019-10-24 10:15:41 · 548 阅读 · 0 评论