自个在用的一些工具 / 插件

221 阅读1分钟

我所认为好用的插件

VSCode 插件

1.code runner

执行 run code命令可以执行js代码

2.ESlint

开发规范限制

3.Chinese (Simplified) (非必要)

官方vscode汉化插件

4.Auto Rename Tag

同步修改HTML 标签的前后

5.open in browser

通过open in browser 功能

6.Image preview

鼠标悬停的时候 可以显示图片预览 图片尺寸 文件路径

7.Sass

写scss/less 的时候必装的插件

8.JavaScript (ES6) code snippets

ES6 代码块语法提示

VSCode 最常用的快捷键

1.快速 向上/向下 复制一行

shift+alt+ 下箭头(上箭头)

2.多行光标 同时修改

Ctrl + Alt + 上箭头(下箭头)

3.reload window

crtl + p 输入reload

4.方法缩小编辑器

ctrl + 加减号

5.全局搜索 全局替换

ctrl + F ctrl + H

6.快速选中多个相同的单词/变量

ctrl + D

[参考文章]

bilibili 黑马前端

Git配置

1.git lg 使用

git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"  

img

2.GitLens

编译器代码右边 显示代码 push 历史记录

我认为的一些好用的 chrome 插件

1.代理插件 SwitchyOmega

跨域问题开发阶段可暂时先用 代理解决

下载安装参考

一些一般好用的第三方mock 工具

Easy Mock:最常见的数据mock网站
jsonServer:本地json文件 mock