mpvue搭建项目

mpvue基本使用

• 安装Node.js(版本号大于v8.9.0)

• 安装vue脚手架

  • npm install --global vue-cli

• 初始化项目（最后的项目名称自定义）

  • npm install @vue/cli-init -g

  • vue init mpvue/mpvue-quickstart mytest

• 安装依赖包（进入到项目的目录中进行）

  • npm install

• 运行项目

  • npm run dev

• 项目要导入到小程序开发工具中，但是代码通过vscode或者sublime进行开发

   

   

   

  项目结构概述

  • 项目整体结构

    • src 项目源代码

      • pages 小程序的页面

      • components 通用的一些组件

      • utils 中用来放置一些通用的工具方法

      • main.js是入口js文件

      • App.vue是入口的组件文件

      • app.json是全局配置文件

    • dist 项目源代码编译之后生成的小程序代码（其实真正可以运行的代码就是这里的代码）

    • static 提供一些静态资源：比如图片

    • build和config都是webpack配置文件

    • index.html 这是项目唯一的页面