开发小工具专栏
开发中会用到的提升效率的小工具
代码搬运媛
记录学习过程,开发经验分享。
展开
-
专为程序员量身定制的云 IDE,你用了吗
云IDE产品介绍云IDE是CSDN开发云为开发者打造的一款低代码开发产品,将为各位技术er一键秒级构建云开发环境,提升开发效率!云端预制了常见的开发环境。无需下载安装,一键创建项目,灵活配置代码仓和云主机。支持在线安装 VSCode 插件来增强使用体验支持从基础组件快速构建高阶组件,无需重新编写组件,提高研发效率。随时随地开发编码,拥有媲美本地IDE 的流畅编码,低代码开发,省时省力云IDE使用教程免费使用地址:点击【云IDE】,即可开始创建工作空间啦~原创 2022-10-27 13:28:13 · 381 阅读 · 0 评论 -
git add 时中文乱码的解决方法
问题复现:中文时显示如上,出现问题的原因为编码格式不对。解决方法:vi打开git的config文件vi config正确设置如下:core.quotepath=false问题已解决。原创 2022-03-07 08:35:12 · 453 阅读 · 0 评论 -
git 更换远程地址的方法
因为公司调整,需要将现有的git项目地址进行迁移,为了保证开发的顺利进行,需要将正在开发的代码远程地址改成新的地址,通过查询发现有三个方法可以实现,特此记录。具体方法如下:(1)通过命令直接修改远程仓库地址 git remote 查看所有远程仓库 git remote xxx 查看指定远程仓库地址 git remote set-url origin 你新的远程仓库地址(2)先删除在添加你的远程仓库git remote rm origingit remote add orig原创 2022-01-05 11:02:13 · 22207 阅读 · 0 评论 -
git 如何修改已提交的 commit 备注
有时候为了更好的解释提交信息,我们需要修改已经通过git commit -m '备注'提交到缓存区的备注信息。我们可以通过如下命令来修改:git commit --amend命令执行完之后会进入备注修改的界面,这个界面是 vi 环境的,需要你掌握基本的 vi 操作知识。(1).首先通过 a 或 i 键进入编辑模式,最上方的一条信息即为我们提交的备注信息,修改为我们需要的内容即可。(2).然后按 ESC 键退出编辑模式,按 ctrl + : 进入命令模式。输入wq保存并退出 vi 环境。w为写入原创 2021-12-10 11:15:17 · 6358 阅读 · 1 评论 -
Eslint报错含义及解决方案汇总
(1)Strings must use singlequote quotes表示变量使用了双引号,把表示变量的双引号改为单引号即可。(2)Expected to be enclosed by double quotes (vue/html-quotes)这个报错代表让你要将单引号改为双引号(3)Trailing spaces not allowed no-trailing-spaces代表有的地方空格多余,比如标签结尾处,只要删除多余空格即可(4)Unexpected tab character原创 2021-05-07 17:26:59 · 5320 阅读 · 0 评论 -
将本地项目推送到码云远程的基本步骤
这里指的是已经配置了 秘钥,需要本地项目与码云建立联系并推送项目的基本方法。(1)使用 git init 命令,初始化本地仓库 git init (2)与远程仓库建立联系git remote add origin https://gitee.com/你的码云用户名/XXXX(3)将码云上的仓库pull到本地文件夹git pull origin master(4)将要上传的文件,添加到刚刚创建的文件夹(5)将文件保存到缓存区git add *(6)提交到本地库git commit原创 2021-05-01 09:31:22 · 508 阅读 · 0 评论 -
mockjs使用指南
mockjs简介Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:根据数据模板生成模拟数据模拟 Ajax 请求,生成并返回模拟数据基于 HTML 模板生成模拟数据在前后端分离式开发中起着很重要的作用。安装及使用方法1、node(commenJS)// 安装npm install mockjs// 使用 Mockvar Mock = require('mockjs')var data = Mock.mock({原创 2020-12-06 14:58:52 · 416 阅读 · 0 评论 -
前端模块化知识汇总
JS模块化模块化的理解什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化的进化过程全局function模式 :编码: 全局变量/函数问题: 污染全局命名空间, 容易引起命名冲突/数据不安全n原创 2020-12-01 16:03:54 · 262 阅读 · 0 评论 -
ES6模块化教程
ES6-Babel-Browserify使用教程定义package.json文件{ "name" : "es6-babel-browserify", "version" : "1.0.0"}安装babel-cli, babel-preset-es2015和browserifynpm install babel-cli browserify -gnpm install babel-preset-es2015 --save-dev定义.babelrc文件{"pres原创 2020-12-01 16:01:44 · 338 阅读 · 0 评论 -
CMD:SeaJS模块化教程
sea.js简单使用教程阿里内部一小部分人在用,已经卖给国外了。所以使用并不是很广泛,作为前端开发,了解即可。它同样是用于浏览器端的模块化规范,模块加载也是异步的。模块使用时才会加载执行。下载sea.js, 并引入官网: http://seajs.org/github : https://github.com/seajs/seajs将sea.js导入项目: js/libs/sea.js创建项目结构|-js |-libs |-sea.js |-modules原创 2020-12-01 16:00:26 · 258 阅读 · 0 评论 -
AMD:RequireJS模块化教程
require.js使用教程专门用于浏览器端模块化的规范,模块的加载是异步的。下载require.js, 并引入官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js导入项目: js/libs/require.js创建项目结构|-js |-libs |-require.js |-modules |-alerter.js |-dat原创 2020-12-01 15:58:37 · 263 阅读 · 0 评论 -
CommonJS Browserify模块化教程
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json { "name": "browserify-test", "version": "1.0.0" }下载browserify全局: n原创 2020-12-01 15:52:21 · 292 阅读 · 0 评论 -
webpack 快速入门教程
文章目录webpack 是什么webpack 的五个核心感念webpack 安装与命令行打包全局安装本地安装使用方法webpack 配置文件入口起点webpack 基础目录(context)资源入口 entry常见场景分离 应用程序(app) 和 第三方库(vendor) 入口多页面应用程序输出publicPath模式loader**安装 loader**使用plugins用法webpack 初体验初始化配置编译打包应用开发环境基本配置打包样式资源打包 html 资源打包图片资源打包其他资源**devser原创 2020-07-24 10:02:49 · 935 阅读 · 0 评论 -
详解如何使用nvm管理Node.js多版本
安装nvmMac OS:如果已经安装了node,在安装nvm之前,不需要卸载这个版本的node。这个版本的node后续会成为nvm中的system版本的node。具体步骤如下:首先安装C++编译器,使用XCode 的命令行工具,在Terminal中输入: xcode-select --install然后在Terminal里输入:1curl -o- https://raw.github...原创 2020-06-29 14:05:18 · 1639 阅读 · 1 评论 -
VS CODE 实用快捷键
VS CODE 实用快捷键按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑按 Press功能 FunctionCtrl+X剪切原创 2020-06-29 10:53:23 · 421 阅读 · 0 评论 -
【小工具】提升开发效率:sourceTree for Mac 可视化 git 工具
sourceTreeSourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端管理工具,同时也是Mn版本控制系统工具。支持创建、克隆、提交、push、pull 和合并等操作。SourceTree拥有一个精美简洁的界面,大大简化了开发者与代码库之间的Git操作方式,这对于那些不熟悉Git命令的开发者来说非常实用。SourceTree拥有完整的Git功能:sourceTree官网下载地址mac 下载的版本可能会有问题,现提供 我下载的版本供大家使用下载连接.原创 2020-06-24 18:13:07 · 453 阅读 · 0 评论 -
【小工具】程序员不可不知的 【贴图+截图软件】:Snipaste
作为程序员开发,尤其是前端开发,经常会在项目过程中反复查看设计稿的元素,不断切屏可能是最痛苦的事了。但是,如果你知道 Snipaste 的存在,那么这一切都变得如此简单。!!!!它的最厉害的功能:将截取的图片贴在屏幕上,甚至可以随意移动。强大的功能介绍:自动检测界面元素区域像素级的鼠标移动控制、截图范围控制取色器 (试试 F1, C, F3)历史记录回放 (,/.)支持多屏支持高分屏重要的是,它**免费,免费,免费!**同时,它也很安全,没有广告、不会扫描你的硬盘、更不会上传用户数据。原创 2020-05-25 16:57:50 · 665 阅读 · 0 评论 -
[MAC 新手扫盲] 解决 mac 系统中 finder 菜单中设置的菜单不显示
最近因为开发需要安装了很多软件,不知道误操作了什么地方在 finder 中找不到常用的菜单了担心了好久还以为电脑中病毒了,结果闹了个大笑话。解决方案:鼠标悬浮在个人收藏上,会出现 “显示” 字样,点击即可显示。...原创 2020-05-22 09:32:41 · 833 阅读 · 0 评论 -
webp图片介绍及用法总结
一、什么是webp,它有什么用?webp是谷歌推出的一种图片格式,它的优点就是同等画面质量下,体积比jpg、png这些少了25%以上。大家都知道移动互联网时代,页面大小和用户留存息息相关,更快的加载页面才能让更多用户关注到你的内容,而图片一直都是页面体积的大头,拿我们的活动页面来说,图片占据了80%以上的页面大小。所以使用webp的话,可以瞬间让页面大小下降1/4,不得不说是一个极具性价比的优...原创 2020-01-07 11:37:19 · 11128 阅读 · 0 评论 -
MAC常用快捷方式及手势
请用 Option 键代替 Alt 键,用 Command 标志键代替 Windows 键,control键代替ctrl键。剪切、拷贝、粘贴和其他常用快捷键Ctrl+A:到行首(达到Home键的效果)Ctrl+E:到行尾(达到End键的效果)Ctrl+N:到下一行Ctrl+P:到上一行Ctrl+K:从光标处开始删除,直到行尾Command-X:剪切所选项并拷贝到剪贴板。Comman...原创 2019-12-30 11:42:14 · 666 阅读 · 0 评论