当前位置： 移动技术网 > IT编程>网页制作>Html5 > 学习笔记：Vue+Node+Mongodb构建简单商城系统（一）

学习笔记：Vue+Node+Mongodb构建简单商城系统（一）

2018年03月05日  | 移动技术网IT编程  | 我要评论

王府井人才港,黄洁,武法无天txt下载

所需前置知识：

　　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的页面。

　　　　　　　 <project-name>  你自己的项目名称

　　　　　　　本例使用：webpack脚手架构件项目

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大饼哥

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网