构建mpvue小程序存储（1）

mpvue官方网站简介：mpvue（）是一个用于开发小程序的前端框架。该框架基于Vue。js核心，mpvue修改了Vue。js的和实现使其能够在applet环境中运行，从而引入了一个完整的Vue。小程序开发的js开发经验。

1、 环境设置1.安装nodejs。从官方网站下载并安装。默认情况下，单击“下一步”。当您输入node-v时，安装成功。新版本的nodejs集成了npm。通过npm-v查看，如下图所示：

2.安装淘宝形象（cnpm）

（1） Enter命令

npm安装-g cnpm--注册表=https://registry.npm.taobao.org

（2） 输入cnpm-v命令以查看安装结果

cnpm-v

（3） vue-cli支架的全球安装

（1） ，npm安装-g vue cli或cnpm安装-g vue cli

（2） ，vue-v//安装完成。查看版本号

2、 vue脚手架快速构建mpvue小程序。1.通过mpvue quickstart快速构建小程序模板，并执行cd shopingMall检查项目文件。

命令行

初始化文件结构

2.进入shopingMall目录后，执行npm安装依赖项，一个节点将被添加到目录_modules

安装取决于命令行

安装依赖项后的文件目录

3.通过npm Run dev运行小程序。由于小程序环境不同，我们必须使用[小程序开发工具]打开小程序，如下图所示：。

运行applet命令行

打开小程序

小程序初始化页面

4.运行成功后，将生成一个dist文件，这是小程序的相关代码。

3、 文件目录简介1.通用目录简介

2.构建目录简介

构建主要是指配置webpack和启动文件dev-server Js，输入npm run dev启动dev-server。js首先，它将检查节点和npm版本，加载配置文件，然后启动服务。

3.配置目录简介

配置文件主要包括项目相关配置、端口配置、包输出配置等。