Learning Note: VUE+NODE+MONGODB building a simple marketplace system (i)

Pre-requisite knowledge:

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

Overall structure of the project:

Ide:webstorm;

Project creation process (cmd Common command line directives):

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

NPM installation NPM install-g NPM

View Node version: Node-v

View NPM version: Npm-v

Installing the Vue module: npm install Vue--save

Installing WEBPACK:NPM Install Webpack-g

Installing VUE-CLI Scaffolding: NPM install-g vue-cli

Build Project: Vue Init webpack guoguoportal

In which the project was built: Vue Init <template-name> <project-name>

<TEMPLATE-NAME>VUE-CLI offers 5 types of scaffolding to choose from:

Webpack: A directory structure based on Webpack and Vue-loader, supporting hot deployment, code checking, testing, and CSS extraction;

Webpack-simple: The directory structure based on Webpack and Vue-loader;

Browerify: Based on the structure of Browerify and vueify (similar to Vue-loader), it supports thermal deployment, code checking, unit testing;

Browerify-simple: Based on the structure of Browerify and vueify;

Simple: A single index.html page that introduces Vue.js.

<project-name> name of your own project

This example uses: Webpack Scaffold component Project

Brother Pie

Learning Note: VUE+NODE+MONGODB building a simple marketplace system (i)