搜索到
6
篇与
的结果
-
oh my zsh 安装问题和主题的使用方法 Oh my zsh 常用安装方法sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"这个命令的执行原理是：先下载install脚本，再执行这个脚本。脚本中会克隆 oh my zsh 的仓库，通常情况下执行到这就报错了。错误提示包含的主要内容：git clone of oh-my-zsh repo failed出现这个问题很常见，网上一搜就能搜到解决办法。解决办法如下# step 1 将代码clone到本地 git clone https://github.com/ohmyzsh/ohmyzsh.git ~/.oh-my-zsh # step 2 cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc # step 3 chsh -s $(which zsh) # step 4 # 退出终端，重新打开即可安装成功效果如下oh my zsh 安装效果主题的使用首先备注几个常用目录：配置文件地址 ~/.zshrc主题存放目录 ~/.oh-my-zsh/themes插件存放地址 ~/.oh-my-zsh/plugins所有主题下载地址 https://github.com/ohmyzsh/ohmyzsh/wiki/Themes主题配置方法使用vim打开配置文件 vim ~/.zshrc找到 ZSH_THEME 配置项，直接修改后面的值就行了，比如我使用 amuse 主题，要使用什么主题就从上面的github仓库中找到对应的名称修改即可 # If you come from bash you might have to change your $PATH. # export PATH=$HOME/bin:/usr/local/bin:$PATH # Path to your oh-my-zsh installation. export ZSH="$HOME/.oh-my-zsh" # Set name of the theme to load --- if set to "random", it will # load a random theme each time oh-my-zsh is loaded, in which case, # to know which specific one was loaded, run: echo $RANDOM_THEME # See https://github.com/ohmyzsh/ohmyzsh/wiki/Themes ZSH_THEME="amuse" # Set list of themes to pick from when loading at random #... 其他内容刷新配置使其生效 source ~/.zshrc , 当然，你也可以重启电脑除了上面的固定主题的方法，还可以使用随机主题主题设置为：ZSH_THEME="random"这样每次打开终端时，主题都是随机的。PS：下一次打开终端时，会输出形如[oh-my-zsh] Random theme 'amuse' loaded的语句，'amuse'即主题名称，如果你喜欢这个主题，可以把它设为固定主题插件的使用oh-my-zsh 内置了很多插件，可以直接使用，也可以到网上下载别人开发的插件到插件目录，然后配置使用1、使用内置的插件在插件目录（~/.oh-my-zsh/plugins）找到要使用的插件的名称在配置文件的 plugins=(git docker zsh-autosuggestions) 括号中加入要使用的插件，注意：插件名称使用空格分隔，那就要求，插件名称肯定不能包含空格2、使用其他生态插件我们以命令行错误提示插件 zsh-syntax-highlighting 为例从github拉取插件项目到我们的插件目录或者直接下载代码拷贝到插件目录 git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting配置文件加入插件 plugins=(git docker zsh-autosuggestions zsh-syntax-highlighting)刷新配置使其生效 source ~/.zshrc , 当然，你也可以重启电脑其他适用插件推荐autojump插件功能：实现目录间快速跳转，当你在你的命令行打开过很多目录后，想去哪个目录直接 j + 目录名，就可以跳转到这个目录名所在的路径，而不用cd完整路径！安装步骤-此安装步骤演示了使用 brew 安装的方法，和上面的从网络拉取代码到插件目录的方法等效在终端输入：brew install autojump 输出：==> Pouring autojump-22.5.3_3.all.bottle.3.tar.gz ==> Caveats Add the following line to your ~/.bash_profile or ~/.zshrc file: [ -f /opt/homebrew/etc/profile.d/autojump.sh ] && . /opt/homebrew/etc/profile.d/autojump.sh If you use the Fish shell then add the following line to your ~/.config/fish/config.fish: [ -f /opt/homebrew/share/autojump/autojump.fish ]; and source /opt/homebrew/share/autojump/autojump.fish Restart your terminal for the settings to take effect. zsh completions have been installed to: /opt/homebrew/share/zsh/site-functions ==> Summary ???? /opt/homebrew/Cellar/autojump/22.5.3_3: 20 files, 170.9KB ==> Running `brew cleanup autojump`... Disable this behaviour by setting HOMEBREW_NO_INSTALL_CLEANUP. Hide these hints with HOMEBREW_NO_ENV_HINTS (see `man brew`).根据提示，在~/.zshrc文件中加入： [ -f /usr/local/etc/profile.d/autojump.sh ] && . /usr/local/etc/profile.d/autojump.sh刷新配置使其生效 source ~/.zshrc , 当然，你也可以重启电脑 -
前端常用框架或库收集整理 前端常用框架或库收集整理React 常用组件react-use 常用的自定义 hooks 合集react-hook-form 最常用 react 表单处理hooks，用来做表单验证处理，提交等react-cool-img react图片懒加载react-cool-inview react元素块内容进入页面可视区域监听组件，类似于react-dnd 拖放效果组件react-sortable-tree 可以排序的树形组件@uiw/react-md-editor md 编辑器，可以自定义控件，如上传等shepherdjs 网站新手引导框架 也有react 组件 https://shepherdjs.dev/docs/react-files-uploading react 文件上传组件 https://www.npmjs.com/package/react-files-uploadingreact-images-uploading react 图片上传组件 https://www.npmjs.com/package/react-images-uploadingreact-intersection-observer react 图片和dom懒加载 https://github.com/thebuilder/react-intersection-observerreact-share 网站分享快速生成按钮和图表的组件NodeJscheerio 用jquery语法来解读提取html文本内容的爬虫内容分析库ora 命令行loading工具consola 命令行人机交互输入工具，可以异步执行多个输入，单选，多选，确认 操作commander 命令行工具，注册命令，指定命令的说明，可选参数，以及要执行的代码，一般配合上面的 consola 来实现命令行工具sharp 图片合成和处理工具，可以修改图片大小，滤镜，网图片上加文字，图片等UI 组件库ElementUI vue 框架使用最多的组件库Framework7 支持所有主流前端框架，三端都有组件库JS 绘图jsplumb 拓扑图绘制框架fabricjs canvas库，支持画图，绑定操作，事件等，让canvas变简单ECharts 不用多说，无人不知，无人不晓Cytoscape.js 主要用来画连线图，如关系图谱JS 动画Tween.js 一个简单的 JavaScript 补间（比如css3的ease-in）动画库Snap.svg 绘制svg的类库，超级简单方便的apiAnime.js 类似jquery和jquery-ui的动画库，直接操作domwaypoint.js jquery监听dom进入浏览器可是窗口区域插件parallax.js 视距差效果JS工具函数html-to-text 将html内容转换成纯文本去除富文本内容字符串格式处理工具，支持多层级处理驼峰，下划线，大驼峰等的转换 https://www.npmjs.com/package/humps音视频相关webm-muxer/mp4-muxer 音视频录制并生成视频工具库 https://www.npmjs.com/package/webm-muxerjs-audio-recorder https://www.npmjs.com/package/js-audio-recorder 音频录制，支持录制时的声波显示等，非常强大代码编辑器Ace editor Ace是一个用JavaScript编写的嵌入式代码编辑器。它与Sublime，Vim和TextMate等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和JavaScript应用程序中。作为与codemirror同类的现代编辑器，ACE同样拥有mode进行语法解析，实现编辑器的智能感知型功能。CodeMirror 是一个用JavaScript为浏览器实现的多功能文本编辑器。它专门用于编辑代码，并附带一些实现更高级编辑功能的语言模式和插件。其核心仅提供编辑器功能，其他功能通过丰富的API和插件实现。CodeMirror的使用基于特定的程序语言模式(mode)，它对特定的语言进行语法解析(parse)，使编辑器能够在解析结果基础上进行语法高亮，实现具有上下文感知(context-aware)的代码补全、缩进等功能。monaco editor monaco是VS Code的代码编辑器，同时也是一个开源代码编辑器，可以嵌入到Web应用程序中社区整理常用库10个按钮特效 http://www.adobeedu.com/%E8%BF%9910%E4%B8%AA%E6%8C%89%E9%92%AE%EF%BC%8C%E6%8A%8A-css-hover-%E7%9A%84%E5%88%9B%E6%84%8F%E5%8F%91%E6%8C%A5%E5%88%B0%E6%9E%81%E8%87%B4%E4%BA%86/HTML5+CSS3 最酷的 loading 效果收集 https://www.runoob.com/w3cnote/free-html5-css3-loaders-preloaders.html
-
Mac电脑下查看某文件或者目下下的文件的代码行数工具（cloc） 1，通过homebrew安装cloc（若您的mac没有安装home_brew需要先安装home_brew,安装方法参考Homebrew安装）在Terminal中输入：brew install cloc 回车等待安装完成2，检查cloc是否安装成功在Terminal中输入：cloc -help 回车如果能打出一长串帮助文档，那就证明安装成功了3，使用在任意目录下 执行命令 cloc ./ 即可检测当前目录的所有文件的代码行数。查看其它目录，后面的路径按照以前的目录规则匹配即可，如果具体到某一文件的名称，则检测某一文件的代码行数。排除当前目录下的某个文件夹的代码，比较常见的是排除libs中的代码，因为libs中的一般为第三方库，所以这里以libs文件夹为例：cloc ./ --exclude-dir=libs检测结果如下图上面统计的是vue项目下的src目录下的代码行数，可以看到，cloc是可以统计vue组件文件的。4，其它用法查看cloc文档或者执行命令cloc -help查看帮助文档了解所有命令
-
vscode硬件占用较高解决方案 在前端开发过程中，如果项目是有依赖于npm或者其他依赖管理工具拉取的包的项目，项目根目录会生成node_module或者bower_components目录，这个目录下会有成千上万了文件，如果用vscode编辑这样的项目，vscode的Code Helper进程会消耗大量的硬件资源，尤其是CPU和内存，也会出现发热，耗电快的现象（如果是笔记本电脑）。这时我们需要修改vscode的设置，让它不要对依赖包进行关联。设置如下"files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/tmp": true, "**/node_modules": true, "**/bower_components": true, "**/dist": true }, "files.watcherExclude": { "**/.git/objects/**": true, "**/.git/subtree-cache/**": true, "**/node_modules/**": true, "**/tmp/**": true, "**/bower_components/**": true, "**/dist/**": true }也可以参考上面的设置去设置其他文件或目录到配置中，可以减少vscode的资源消耗
-
Mac电脑通过远程桌面访问windows电脑的方法 首先到微软下载远程桌面连接工具,地址如下:https://www.microsoft.com/zh-cn/download/details.aspx?id=21296下载后安装到自己的mac电脑。安装好后在程序坞中的快捷图标如下点击打开，会显示输入远程地址的界面，输入后点击连接会到输入用户名密码的界面，如果远程电脑或者windows服务器已经配置了相应的策略，那么就能直接连接到远程桌面了。如果没有，则会提示如果出现了上面的错误提示，首先检查自己的mac电脑有没有未我们的远程桌面连接软件配置权限，到设置中，找到安全性与隐私-》防火墙-》左下角解锁设置-》防火墙选项-》将远程桌面连接软件添加到配置中并且允许。如果上面的配置好了但是还是出现证书错误的提示。那问题就在远程电脑那边了。需要为windows电脑配置相应的远程控制策略。具体操作如下：1）进入到远程电脑使用快捷键win+R打开运行指令工具2）在文本框中输入指令gpedit.msc并回车进入本地策略编辑器窗口。3）依次找到 计算机配置》管理模板》windows组件》远程桌面服务》远程桌面会话主机》安全》远程（RDP）连接要求使用指定的安全层。然后双击打开，在弹出的窗口中做下图中的配置配置好后点击应用即可。配置好了上面两项，回到我们的mac电脑，就能链接到远程windows电脑桌面了
-
