前端開發工具選擇

zyan發表於2017-05-21

工欲善其事必先利其器

選擇後比較優秀的工具可以大大加快學習和工作效率

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

相關文章