详细的微信小程序学习笔记(从入门到项目)(3)

框架的选用

因为个人已经习惯了Vue的开发模式,选用了wepy框架开发小程序,wepy是一款让小程序支持组件化开发的框架，类Vue开发风格.

框架项目地址

安装wepy脚手架工具

(node等开发工具默认已经安装)

npm install -g wepy-cli

初始化项目

// 默认生成带有组件其他模块的项目(redux)
wepy init standard wepyshop  

// 默认生成空白项目
wepy init empty wepyshop

// 切换目录
cd wepyshop

// 安装依赖
npm install

编译为小程序

// 注意：初始化项目时未输入appid的可以在项目根目录project.config.json中修改`appid`字段
// 加上--watch设置为实时编译
wepy build --watch

编译后会在项目根目录生成一个dist文件夹，dist文件夹就是编译后的小程序项目，使用微信开发工具导入项目

开发工具

我自己使用的是 vscode,通过vscode打开项目，wepy语法高亮需要安装高亮插件 - Vetur-wepy.方便开发