學習筆記：Vue+Node+Mongodb構建簡單商城系統（一）

所需前置知識：

　　HTML、CSS、JS、Vue、ES六、Npm、Webpack、Node、Express、Mongodb

項目總體架構：

 

IDE：webstorm；

項目創建過程(cmd經常使用命令行指令）：

　　node的安裝 下載鏈接：https://nodejs.org/en/

　　npm的安裝 npm install -g npm

　　查看node版本：node -v

　　查看npm版本：npm -v

　　安裝vue模塊：npm install vue --save

　　安裝webpack：npm install webpack -g

　　安裝vue-cli腳手架：npm install -g vue-cli

　　創建項目：vue init webpack guoguoportal

　　　　　　　其中創建項目中：vue init <template-name> <project-name>

　　　　　　　<template-name>vue-cli提供了5種腳手架供選擇：

　　　　　　　　　webpack：基於webpack和vue-loader的目錄結構，支持熱部署、代碼檢查、測試以及CSS抽取；

　　　　　　　　　webpack-simple：基於webpack和vue-loader的目錄結構；

　　　　　　　　　browerify：基於browerify和vueify（做用與vue-loader相似）的結構，支持熱部署、代碼檢查、單元測試；

　　　　　　　　　browerify-simple：基於browerify和vueify的結構；

　　　　　　　　　simple：單個引入vue.js的index.html頁面。

　　　　　　　 <project-name>  你本身的項目名稱

　　　　　　　本例使用：webpack腳手架構件項目

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大餅哥