Vue Cli 是 Vue.js 官方提供的一個腳手架工具，它可以簡化 Vue.js 應用的開發過程。而 Vue Cli 的 3.0 版本，提供了一個新的命令vue create my-project，讓我們可以更快捷地創建一個 Vue.js 項目

但是，這些傳統的 Vue Cli 項目都只是基于前端渲染的 SPA 模式，對于 SEO（搜索引擎優化）的需求，并不是很友好。因此在 Vue Cli 2.x 時代，除了 SSR（服務器渲染）模式外，還需要人工配置一個 webpack 插件

而在 Vue Cli 3.0 的時代，則只需要使用一個命令vue add @vue/webpack，并加入 @vue/server-renderer plugin ，即可輕松地完成 SSR 的配置。

// 安裝 @vue/cli 和 @vue/cli-plugin-babel 插件
npm i -g @vue/cli @vue/cli-plugin-babel
// 新建項目
vue create my-project
// 安裝插件
vue add @vue/webpack
// 運行項目
npm run serve

上述命令完成后，訪問http://localhost:8080/，我們便可以看到一個 SSR 模式的 Vue.js 項目。而這個項目的目錄結構，也將與傳統的 SPA 模式不同。

此時，我們就可以在 Vue Cli 3.0 中，方便地使用 SSR 模式來實現更好的 SEO 效果。同時，使用 Vue Cli 3.0 也可以使我們的 Vue.js 應用開發更加快速方便。