mpvue五分钟教程

mpvue使用手册

五分钟教程：http://mpvue.com/mpvue/quickstart/

现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。
然后打开命令行工具：
1，

# 1. 先检查下 Node.js 是否安装成功
$ node -v
v10.15.3

$ npm -v
6.4.1

# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全局安装 vue-cli    windows：npm install --global vue-cli
# 一般是要 sudo 权限的
$ npm install --global vue-cli@2.9

# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 5. 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

创建项目到自定义目录下：

2，使用微信小程序开发工具导入Project(非dist目录)，不再使用编辑功能
3，WebStrom打开Project，修改vue中的视图，浏览小程序界面

整体流程都在这：http://mpvue.com/mpvue/quickstart/

简单说明：

node安装完，包含npm
vue-cli 安装后的路径：
C:\Users\Administrator\AppData\Roaming\npm
C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli

全局安装与本地安装

npm install vue-cli      # 本地安装 D:\test>npm install vue-cli  安装到test目录下
npm install vue-cli  -g  # 全局安装  

本地安装

1. 将安装包放在 ./node_modules 下,当前目录的node_modules下（运行npm 命令时所在的目录）
如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。
2. 可以通过 require() 来引入本地安装的包。 

全局安装

1. 将安装包放在C:\Users\Administrator下或者你 node 的安装目录。
2. 可以直接在命令行里使用。

卸载：
全局安装：npm install vue-cli -g;
全局卸载：npm uninstall vue-cli -g;

Package.json 属性说明

name - 包名。

version - 包的版本号。

description - 包的描述。

homepage - 包的官网 url 。

author - 包的作者姓名。

contributors - 包的其他贡献者姓名。

dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。

repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。

main - main 字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

keywords - 关键字