vue制作小程序--mpvue

 

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