Vue CLI是一個基于Vue.js進行快速搭建項目的腳手架工具。在使用Vue CLI進行項目開發過程中，遇到了使用SVG（可縮放矢量圖形）的需求，這時我們可以借助Vue CLI的插件來簡化SVG的使用流程。

首先，需要安裝svg-sprite-loader這個插件。安裝好后，在webpack.base.conf.js文件中進行如下配置：

{
test: /\.svg$/,
loader: 'svg-sprite-loader',
include: [resolve('src/icons')],
options: {
symbolId: 'icon-[name]'
}
}

其中，test用于匹配需要使用SVG的文件，loader使用svg-sprite-loader插件，include表示只對src/icons文件夾下的SVG文件進行處理，options中的symbolId用于生成符號id，實際上可以自定義。

接著，在main.js文件中引入需要使用的SVG圖標：

import '@/icons/icon-svg/close.svg'
import '@/icons/icon-svg/plus.svg'

最后，在需要使用SVG的地方，直接使用<svg>標簽并添加需要的類名即可：

<template><div class="icon"><svg class="icon-svg"><use xlink:href="#icon-close"></use></svg></div></template><style>.icon-svg {
width: 20px;
height: 20px;
}</style>

使用SVG圖標時，需要注意的是SVG原來的顏色會被父元素的color屬性影響，可以使用CSS來改變顏色。同時，SVG本身是支持縮放的，可以通過設置width和height來調整圖標大小。