Learning notes: Vue + Node + Mongodb build a simple mall System (1), vuemongodb

Learning notes: Vue + Node + Mongodb build a simple mall System (1), vuemongodb

Prerequisites:

HTML, CSS, JS, Vue, ES6, Npm, Webpack, Node, Express, Mongodb

Overall project architecture:

 

IDE: webstorm;

Project creation process (common command line commands in cmd ):

Node installation download connection: https://nodejs.org/en/

Npm installation npm install-g npm

View node version: node-v

View npm version: npm-v

Install the vue module: npm install vue -- save

Install webpack: npm install webpack-g

Install vue-cli scaffolding: npm install-g vue-cli

Create a project: vue init webpack guoguoportal

Create a project: vue init <template-name> <project-name>

<Template-name> vue-cli provides five scaffolding options:

Webpack: directory structure based on webpack and vue-loader. It supports hot deployment, code check, testing, and CSS extraction;

Webpack-simple: directory structure based on webpack and vue-loader;

Browerify: Based on browerify and vueify (similar to vue-loader) structures, it supports hot deployment, code check, and unit testing;

Browerify-simple: Based on the browerify and vueify structures;

Simple: Enter the index.html page of vue.js.

<Project-name> name of your project

This example uses the webpack scaffold component project.

Big Pie brother