项目中好用的扩展插件(持续更新)

1.vue-count-to

main.js里全局引入

import countTo from 'vue-count-to'
Vue.component('countTo', countTo)

<template>
  <count-to :startVal='startVal' :endVal='endVal' :duration='3000'></count-to>
</template>

<script>
export default {
  components: { countTo },
  data () {
    return {
      startVal: 0,
      endVal: 2020
    }
  }
}
</script>

2.typed.js

 <span id="box"></span>

 new Typed("#box",{
      // 注意：输出的可以是标签，将标签当节点运行。比如下面的h2
      strings: ['<h2>我是打印字typed.js<h2>','我是案例一','我是最后一个打印出来的'],
      typeSpeed:200 // 速度
 });

更多详见typed.js

3.path-alias

在vscode的扩展商店中下载path-alias，在设置pathAlias.aliasMap中配置，key是你要定义的别名，value是路径别名所对应的绝对路径。其中可以使用${cwd}来代替当前工作目录的绝对路径。比方说，我想用@ 代表我工作目录下的src目录那么我只用在配置中写。

{
  "@": "${cwd}/src"
}

最后要关闭vscode，并重启vscode才能看到效果。