全网首发mpvue课程小程序全栈开发 --- 学习总结

小程序 专栏收录该内容
3 篇文章 0 订阅

环境搭建

① 启动一个mpvue项目

# 全局安装 vue-cli
$ npm install --global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev

然后在微信开发者工具中打开项目,就可以看到运行结果了。

注意: 启动构建,会在项目dist文件夹下生成wx文件,该文件会在微信开发者工具上运行,如果把原来的page删除了,在微信开发者工具中报错的话,可以删除wx文件夹,重新构建。

② 配置sass:

//sass-loader依赖于node-sass
npm install --save-dev node-sass
npm install --save-dev sass-loader

// 在.vue文件中使用,注意不是sass
<style lang="scss" scope>
</style>

③ 微信小程序客户端腾讯云增强

  SDK Npm install wafer2-client-sdk save    腾讯云解决方案sdk

  import qcloud from 'wafer2-client-sdk'   安装之后,就可以在组件中引用 SDK 模块:

搭建本地云开发环境,每次上传+远程调试略麻烦

④ 安装并配置mySQL: 参考菜鸟教程

     配置环境变量: https://jingyan.baidu.com/article/c1a3101e72fc9bde656debf7.html  将mysql下的bin文件夹的目录加入Path

    管理员模式下启动mysql服务: net start mysql(net stop mysql)

    进入mysql: mysql -u root -p

1. 为什么要使用vue.js开发小程序

     ①  不能使用npm ,使用第三方包的方式太原始(小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包)
     ②  需要为小程序单独开发代码,不能和web系统重用
     ③  开发效率和学习成本(小程序特有的语法)

2. 在项目中,既可以使用vue的生命周期,也可以使用小程序的生命周期。建议:优先使用vue的生命周期,因为小程序的生命周期在web端不兼容。在vue不支持的情况下,使用小程序的生命周期,比如onPullDownRefresh。

3. Koa是基于nodejs平台的下一代web开发框架

    ① Express原班人 马打造,更精简
    ② Async+ await处理异步
    ③ 洋葱圈型的中间件机制

4. 腾讯云免费提供开发服务,上线的话才需要买域名、买服务器。

5. koa学习教程: https://koa.bootcss.com/

6. 在package.json中

  "scripts": {
     // 添加 --fix
    "lint": "eslint --fix --ext .js,.vue src"
  },

在项目文件夹下运行: npm run lint  就可以自动修复Eslint报的错。

7. 通过div.className来创建HTML

8. 作者三联:小程序、react学会了吗?小程序源码看了吗?前端最新技术了解了吗?

9. 在百度地图或高德地图开发者首页,进入 开发文档 => Web服务API,通过发送请求来调用他们的服务。

10. 小程序组件<button>通过设置属性open-type可以实现打开客服会话、转发、获取用户信息、手机号、打开APP等开放功能。

11. ESLint中文网址: https://cn.eslint.org/

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值