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

標籤：mongo   express   知識   構建   簡單   架構   es6   串連   支援   

所需前置知識：

　　HTML、CSS、JS、Vue、ES6、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腳手架構件項目

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大餅哥

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