Vue.js是一個非常流行的JavaScript框架。使用Vue.js可以構建出美觀且高性能的單頁面Web應用。為了更加簡化和規范化Vue.js項目的開發過程，Vue提供了Vue腳手架。

Vue腳手架是一個提供了開箱即用的Vue.js項目架構和工具的項目模板。使用Vue腳手架，我們可以快速搭建起基于Vue.js的項目。同時，Vue腳手架還提供了webpack的打包工具，可以將我們的Vue.js項目打包成一份包含所有依賴的JavaScript文件。

// 安裝腳手架
npm install -g vue-cli     
// 新建項目
vue init webpack my-app     
// 安裝依賴
cd my-app
npm install
// 運行開發服務器
npm run dev
// 打包
npm run build

當我們打包完成后，想要查看打包后的頁面，可以本地打開index.html。但是如果直接打開index.html文件，可能會因為跨域問題導致JS文件無法正確加載。此時我們需要使用一個靜態服務器來查看打包后的頁面。

// 安裝靜態服務器
npm install -g static-server    
// 在打包后的dist目錄下啟動服務器，端口號可以自己指定
static-server dist -p 3000

然后我們就可以在瀏覽器中訪問 http://localhost:3000/ 來查看打包后的頁面了。