Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境，Vue.js 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。

而在我們的項(xiàng)目中，通常會(huì)同時(shí)使用 Node.js 和 Vue.js。為此，我們需要一個(gè)支持兩者的模板，這就是 Node.js Vue 模板了。下面我們來介紹一下它的使用。

// 全局安裝 vue-cli
npm install -g vue-cli
// 使用模板創(chuàng)建項(xiàng)目
vue init shigaozhong/node-koa-vue my-project
// 安裝依賴
cd my-project
npm install
// 運(yùn)行項(xiàng)目
npm run dev

首先，我們需要全局安裝 vue-cli。安裝好后，就可以使用該模板創(chuàng)建項(xiàng)目了。創(chuàng)建項(xiàng)目的過程中，可以通過引導(dǎo)式的交互來定制項(xiàng)目的配置。比如，我們可以選擇是否要使用 Koa 作為 server 端框架。

創(chuàng)建好項(xiàng)目之后，我們需要安裝依賴。接著，就可以通過命令 npm run dev 啟動(dòng)項(xiàng)目，訪問 http://localhost:8080/ 就可以看到我們的頁面了。

// server.js
const Koa = require('koa')
const serve = require('koa-static')
const app = new Koa()
app.use(serve(__dirname + '/dist'))
app.listen(8081)

總的來說，Node.js Vue 模板給我們提供了一個(gè)快速搭建項(xiàng)目的方式，同時(shí)還支持 server 端框架的選擇。我們可以通過修改 server.js 來實(shí)現(xiàn)對(duì) server 端的定制。