前端开发工具选择

工欲善其事必先利其器

选择后比较优秀的工具可以大大加快学习和工作效率

Mac

选择原因

个人感觉最优的选择是Mac。
在前端工程化的现在。命令行应该成为每一个前端er的必备技能之一。Macos自带的shell工具足够优秀。当然现在win10也内嵌了Linux的子系统。也可以比较好的使用命令行。
最关键的选择是避免选择恐惧症。

快捷键

1. cmd + r 浏览器刷新
2. cmd + alt + i 打开浏览器开发工具
3. cmd + tab 切换软件

vsCode

选择原因

1. 大厂开发，开源有保证。
2. 免费。
3. 生态越来越好。

快捷键

文本编辑

1. alt+up/down
   移动单行
2. shift+alt+up/down
   向上或者下复制单行
3. shift+alt+f
   格式化文本
4. command++/-
   增大或者减小文本字体

文本选择

1. li*10

直接写出10行

1. alt+鼠标选择
   选择行
2. command+alt+up/down [size=0.9em]

多行选择

1. shift+up/down
   选中光标前或者后一行
2. shift+command+left/right
   选中左或者右的部分
3. shift+command+down/up
   选中光标前面所有或者后面所有内容

文本跳转

1. ctrl+a
   跳到本行开始（command＋left）
2. ctrl+e
   跳到本行末尾（我自己喜欢用command＋right）
3. command+down/up
   跳到开始或者结束的位置

窗口切换

1. command+b
   切换二级菜单
2. command+p
   快速切换文件
3. command+r
   打开历史打开的路径

命令工具

1. code .
   打开当前文件夹

插件推荐

1. Auto Close Tag 自动闭合标签
2. Auto Rename Tag 自动更改闭合标签
3. markdownlint 检测markdown格式的插件，如果不规范会提示
4. Prettier - Code formatter 格式化插件，非常好用,快捷键为alt + shift + f