码迷,mamicode.com
首页 > 微信 > 详细

学习使用mpvue开发小程序一

时间:2020-06-08 13:02:25      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:切换   语法检查   spl   guid   text   速度   pac   mic   upload   

技术图片

前段时间,美团开源了mpvue这个项目,使得我们又多了一种用来开发小程序的框架选项。

由于mpvue框架是完全基于Vue框架的(重写了其runtime和compiler),

因此在用法上面是高度和Vue一致的(某些功能由于受限于小程序环境本身的原因而不能使用),

这给使用过Vue开发Web应用的前端开发者提供了极低的切换门槛来开发小程序。

资料:

Vue的官方文档:(https://cn.vuejs.org/v2/guide/)
 
node --version
//成功的话输出类似:v10.6.0

npm --version
//成功的话输出类似:6.1.0
然后,我们需要执行以下命令,将npm的下载源切换到国内淘宝的镜像,以提高下载时的速度和成功率:
npm set registry https://registry.npm.taobao.org/
2)vue-cli
vue-cli是一个vue专用的项目脚手架工具,可以用于方便的创建vue项目骨架代码,包括我们要讲到的mpvue的项目代码。我们可以通过安装node.js后里面包含的npm工具来安装vue-cli,在命令行输入如下命令:
npm install vue-cli -g

安装完成后,输入

vue

进行验证:

vue

// 成功的话会输出如下内容:
// Usage: vue <command> [options]
//
// Options:
//
//    -V, --version  output the version number
//    -h, --help     output usage information
//
// Commands:
//
//    init           generate a new project from a template
//    list           list available official templates
//    build          prototype a new project
//    create         (for v3 warning only)
//    help [cmd]     display help for [cmd]

3)微信开发者工具
这个工具是开发、调试和模拟运行微信小程序的最核心的工具了,所以必须安装。

下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

4)Visual Studio Code + Vetur
Visual Studio Code(简称vscode)是现在非常流行的一个轻量级代码编辑器,拥有非常多好用的辅助开发插件,在我的文章中我都会使用这个编辑器来编辑代码。当然,好用的代码编辑器有很多,比如Sublime Text、WebStorm等,同样可以达到我们的开发目的,你也尽管用你自己最喜欢的代码编辑器来写代码就行了。

下载地址:https://code.visualstudio.com

安装完vscode后,在它的插件管理器中,查找Vetur并安装,然后重启一下vscode后,插件即生效:安装Vetur插件

技术图片
 

Vetur是一款可以提供Vue语法高亮、语法检查和代码快捷输入等功能的插件,可以为我们的开发过程提供很多便利。

 
 

 

学习使用mpvue开发小程序一

标签:切换   语法检查   spl   guid   text   速度   pac   mic   upload   

原文地址:https://www.cnblogs.com/lifly/p/13064791.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!