前端开发工具选择

工欲善其事必先利其器

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

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
    原文作者:zyan
    原文地址: https://segmentfault.com/a/1190000009495969
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞