常用工具

#JavaScript #工具

• Bash 使用技巧大补贴

Ctrl + r组合键进入历史搜索模式，一旦找到需要重复执行的命令，按回车键即可

• 用于编辑的快捷键

  Ctrl + a：将光标定位到命令的开头
  Ctrl + e：与上一个快捷键相反，将光标定位到命令的结尾
  Ctrl + u：剪切光标之前的内容
  Ctrl + k：与上一个快捷键相反，剪切光标之后的内容
  Ctrl + y：粘贴以上两个快捷键所剪切的内容
  Ctrl + t：交换光标之前两个字符的顺序
  Ctrl + w：删除光标左边的参数（选项）或内容
  Ctrl + l：清屏

构建工具

• webpack
• parcel-bundler github
• Gulp

基于任务运行的工具：
Grunt、Gulp
它们会自动执行指定的任务，就像流水线，把资源放上去然后通过不同插件进行加工，它们包含活跃的社区，丰富的插件，能方便的打造各种工作流。

基于模块化打包的工具：
Browserify、Webpack、rollup.js
有过 Node.js 开发经历的应该对模块很熟悉，需要引用组件直接一个 require 就 OK，这类工具就是这个模式，还可以实现按需加载、异步加载模块。

整合型工具：
Yeoman、FIS、jdf、Athena、cooking、weflow
使用了多种技术栈实现的脚手架工具，好处是即开即用，缺点就是它们约束了技术选型，并且学习成本相对较高。

npm查看全局安装过的包 npm list -g --depth 0

简书

下载工具

• Pan Download

Chrome extensions

• 谷歌访问助手
• wappalyzer
• cssviewer
• [CSS Peeper]这个挺好用的
• 谷歌访问助手–for360安全浏览器
• 参考

Visual Studio Code extension

• JavaScript Snippet Pack
• VS Code编辑技巧
• Quokka.js

// vs code中 react编写时tab键补全html
"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
"emmet.triggerExpansionOnTab": true

#JavaScript #工具