前端開發工具選擇

工欲善其事必先利其器

選擇後比較優秀的工具能夠大大加快學習和工做效率

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