前端常用软件与工具

集成开发环境

集成开发环境(IDE,Integrated Development Environment )是用于提供程序开发环境的应用程序,一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套(组)都可以叫集成开发环境。

阅读更多

Eslint小抄

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。ESLint 首先使用 AST 分析工具分析代码,然后使用插件配置生效的规则,针对预设的规则对代码进行检查,在不符合规则的时候提示&自动修复。你可以配置自己的代码检查规则,也可以根据已有的规则进行个性化的定制、扩展,甚至可以定制自己的规则。而在检查时,你也可以通过 js 注释在检查过程中灵活的开启、关闭和改变规则。

阅读更多

webpack小抄

什么是 webpack

webpack 是一个用于现代 JavaScript 应用程序的静态模块绑定器。当webpack处理你的应用程序时,它会在内部构建一个依赖关系图,映射项目所需的每个模块,并生成一个或多个包(bundles)。

webpack 可以转换打包多种类型的文件、模块、资源,包括 ES Modules 、CommonJS 和 AMD 模块, 也可以将 TypeScript 转换为 JavaScript,将 Handlebars 字符串转换为函数,将图片转换为 Base64,你也可以自己编写插件(plugins)来实现将任何你的应用程序需要的资源进行转换与打包。

webpack 支持所有兼容 ES5 的浏览器。webpack 需要 Promise 来 import() 和 require.ensure() ,在更老旧的浏览器中使用 webpack 时,需要使用 polyfill。

当前(2021年1月19日)最新版本的 webpack 是 v5.15.0, 以下内容默认适用于该版本, 另外 webpack5 运行时需要 Nodejs 版本在 10.13.0 以上。

(2021年12月2日)做了部分更新,当前最新版本的 webpack 是 v5.64.4。

阅读更多

Git小抄

什么是 Git

Git 是一个免费的开源分布式版本控制系统。它被设计用来高效的控制各种各样的工程项目。
Git最初在2005年由 Linus 花费了两周时间用C语言开发而成,并被用来管理 Linux kernel 的源码。
Git很容易学习,所占用空间极小而且效率很高。它比同类型的版本控制工具比如Subversion(SVN),CVS, ClearCase要更加功能强大。

阅读更多

Visual Studio Code 常用快捷键

以下的Ctrl键指的是Windows系统下的Ctrl键,在Mac上对应Command键。

主命令框

F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:

  1. 按一下 Backspace 会进入到 Ctrl+P 模式
  2. 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式

在 Ctrl+P 窗口下还可以:

  1. 直接输入文件名,跳转到文件
  2. ? 列出当前可执行的动作
  3. ! 显示 Errors或 Warnings,也可以 Ctrl+Shift+M
  4. : 跳转到行数,也可以 Ctrl+G 直接进入
  5. @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O 直接进入
  6. @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入
  7. # 根据名字查找 symbol,也可以 Ctrl+T

阅读更多