VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。​​​​​​​

效率篇（33）

Path Intellisense

Path Intellisense: 自动完成文件名的 Visual Studio Code 插件。

  • 插件名：Path Intellisense
  • 官方地址：Path Intellisense - Visual Studio Marketplace
  • 用法：

Path Autocomplete

Path Autocomplete : 为 Visual Studio 代码提供路径补全。

  • 插件名：Path Autocomplete
  • 官方地址：Path Autocomplete - Visual Studio Marketplace
  • 特征：
    • 它支持相对路径（以 ./ 开头）
    • 它支持工作区的绝对路径（以 / 开头）
    • 它支持文件系统的绝对路径（以：C : 开头）
    • 它支持相对于用户文件夹的路径（以 ~ 开头）
    • 它支持部分路径（./tmp/fol 将建议 ./tmp/folder1 如果存在）
    • path-autocomplete.excludedItems它通过选项支持项目排除
    • 它支持 npm 包（以 az 开头，与磁盘无关）
    • 支持选择文件夹后自动建议
    • path-autocomplete.pathMappings它通过选项支持自定义映射
    • 它支持通过自定义转换插入的文本path-autocomplete.transformations
    • 它支持 Windows 路径path-autocomplete.useBackslash

Import Cost

Import Cost : 此扩展将在编辑器中内联显示导入包的大小。该扩展使用 webpack 来检测导入的大小。

  • 插件名：Import Cost
  • 官方地址：Import Cost - Visual Studio Marketplace
  • 特征：计算 imports 和 requires 进来的大小。目前支持：
    • 默认导入：import Func from 'utils';
    • 全部内容导入：import * as Utils from 'utils';
    • 选择性导入：import {Func} from 'utils';
    • 使用别名选择性导入：import {orig as alias} from 'utils';
    • 子模块导入：import Func from 'utils/Func';
    • require：const Func = require('utils').Func;
    • 同时支持 Javascript 和 Typescript

any-rule

any-rule : 这下在使用正则判断表单内容时就不用每次都到处去百度了。

  • 插件名：any-rule
  • 官方地址：any-rule - Visual Studio Marketplace
  • 用法：