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

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才能看到效果。

上一篇:idea快捷键和vscode快捷键对比


下一篇:VSCode之ESLint一些配置