Skip to content

能够提高开发效率的开发工具

1.自动将样式转为内联样式工具

CSS Inliner Tool

这是一个可以将html的文件中的样式自动转为内联样式,可以提高开发效率

使用场景

① 会员制网站通过邮件的方式与会员进行注册确认或者营销推广

2. Snipaste 截图工具

Snipaste是一款简单但功能强大的截图和贴图工具,适用于Windows、Mac和Linux操作系统。‌ 它允许用户快速截取屏幕上的任意区域

下载地址:https://www.snipaste.com/download.html

快捷键: F1 截屏; F3 固定在屏幕上

3. vscode插件

1.background

这款插件可以自定义vscode的背景,优化vscode的美观程度

2.Chinese(Simplified)(简体中文)

这个插件将vscode的英文翻译为中文

3.Vetur

这个插件可以快速的生成vue代码的模板

4.Project Manager

这个插件可以在vscode中生成项目目录,实现快速切换项目,极大的提高了打开项目的效率

5.Live Server

这个插件可以快速的打开html网页

4.nvm(node版本管理工具)

nvm可以通过命令行快速的切换node版本

安装步骤

  1. 卸载node
    若之前已安装 Node,则需要先卸载,确保已删除 Node 的安装目录以及相关环境变量
  2. 之后可以检查以下文件是否存在,若存在也删除:
    (此处默认安装路径为C:\Program Files\nodejs)
    C:\Program Files\nodejs
    C:\Program Files (x86)\nodejs
    C:\Users{User}\AppData\Roaming\npm
    C:\Users{User}\AppData\Roaming\npm-cache
  3. cmd命令行检测系统中是否还存在nodejs
html
node -v
  1. 下载nvm
    GitHub下载:https://github.com/coreybutler/nvm-windows/releases
    下载exe能自动配置环境变量
  2. 配置nvm镜像源
    ① cmd命令行查看nvm的安装根路径
html
nvm root

直接复制路径去文件管理器地址栏粘贴地址进行访问,AppData文件夹可能为隐藏文件夹
② 找到setting.txt文件 在最后添加如下代码:

html
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

下面是一些nvm常用的命令

html
nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版

5. 批量打开网页工具

这个工具可以同时打开多个页面,方便多页面应用的修改和查看 链接: http://www.openurls.com.cn/

6. 图片转base64

好用的在线工具 https://www.sojson.com/image2base64.html

7. idea 30天无限重置包

链接: https://pan.baidu.com/s/1v5uFnPaTy77hKi7N9pdHHw?pwd=8937
提取码: 8937

idea,webstorm都可以使用,这个包只支持2021.3.6以下的版本

8. Navicat Premium 12(免费)

Navicat Premium 数据库图形化界面
链接: https://pan.baidu.com/s/1wIm38TST0-RtUV6mlSSgDg?pwd=vpwc
提取码: vpwc

9. KeePass

KeePass 是一款高效的密码管理工具
链接: https://pan.baidu.com/s/1x4dkSyz5hJC00bQ-1isg0A?pwd=c4ed
提取码: c4ed