vue制作小程序--mpvue

最新推荐文章于 2024-09-30 07:28:09 发布

转载最新推荐文章于 2024-09-30 07:28:09 发布 · 100 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/miangao/p/9629568.html

文章标签：

#javascript #前端框架 #ViewUI

本文介绍了一个使用Vue.js开发小程序的前端框架mpvue，并详细记录了如何初始化mpvue项目、配置Sass样式以及如何获取微信登录信息等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mpvue是一个使用 Vue.js 开发小程序的前端框架

http://mpvue.com/

sass的使用

https://segmentfault.com/q/1010000014194954

npm i sass-loader -D / npm i node-sass -D

<style lang="scss">
.container{
  padding: 0 30rpx;
}
</style>

1.初始化一个mpvue项目

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

$ npm -v
5.6.0

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

# 3. 全局安装 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