能够提高开发效率的开发工具
1.自动将样式转为内联样式工具
这是一个可以将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版本
安装步骤
- 卸载node
若之前已安装 Node,则需要先卸载,确保已删除 Node 的安装目录以及相关环境变量 - 之后可以检查以下文件是否存在,若存在也删除:
(此处默认安装路径为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 - cmd命令行检测系统中是否还存在nodejs
node -v
- 下载nvm
GitHub下载:https://github.com/coreybutler/nvm-windows/releases
下载exe能自动配置环境变量 - 配置nvm镜像源
① cmd命令行查看nvm的安装根路径
nvm root
直接复制路径去文件管理器地址栏粘贴地址进行访问,AppData文件夹可能为隐藏文件夹
② 找到setting.txt文件 在最后添加如下代码:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
下面是一些nvm常用的命令
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