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

环境搭建

① 启动一个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/