五分钟教程: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 - 关键字