vue制作小程序--mpvue

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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

每次都要先运行 npm run dev

2.目录

dist里的内容为生成的小程序代码，

src里为vue代码，且生成的对应小程序代码id是固定的，如果不能生成，可修改src里的vue页面名称。

3.mpvue获取微信登录信息

https://blog.csdn.net/weixin_36934930/article/details/80706820

以上是 vue制作小程序--mpvue 的全部内容， 来源链接： utcz.com/z/380917.html

回到顶部