第一步：
利用vue官方腳手架vue-cli的基礎上，搭建好自定義，如圖所示的目錄結構及所需腳手架檔案。
目錄：build用來存放webpack相關配置和指令碼。config：主要存放配置檔案，用於區分開發環境、測試環境、線上環境的不同。src專案原始碼及需要引用的資源檔案，分為客戶端與服務端。statuc不需要webpack處理的靜態資源。
start.js為下專案入口檔案，內容為
require('babel-register')
require('./src/server')
使用npminstall安裝外掛程式。具體專案配置檔案package.json內容如下（安裝之前可取消node_modules資料夾webstorm索引，否則會卡）
,第二步："dependencies"
: ,"devdependencies"
: ,"engines"
: }
建立src具體的專案目錄如下圖
具體檔案介紹和內容，隨著開發逐漸介紹。然後修改
config目錄的indexjs，使webpack壓縮靜態檔案直接放入服務端的public目錄進行使用
build: {
env: require('./prod.env'),
index: path.resolve(__dirname,
'../src/server/public/index.html'),
assetsroot: path.resolve(__dirname,
'../src/server/public'),
以上 腳手架完整目錄如下圖：
cue cli腳手架搭建專案
vue兩大核心思想 元件化和資料驅動。元件化 把整體分為各個可以復用的個體，資料驅動 通過資料變化直接影響bom展示，避免dom操作。vue.js安裝 npm方法 1.檢視版本 npm v 2.公升級npm cnpm install npm g 全域性安裝 vue cli npm install g...
vue腳手架搭建專案
首先安裝node，npm會自動安裝，node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...
vue cli（vue腳手架）搭建專案
vue cli 是乙個官方發布 vue.js 專案腳手架，使用 vue cli 可以快速建立 vue 專案。這篇文章將會從實操的角度，介紹整個搭建的過程。其實這次使用vue cli的過程並不順利，反覆嘗試幾次都遇到以下這個報錯 建立vue cli工程專案時的報錯 在網上查了很多資料才發現原來是nod...