【享+生活小程序】day01 基本环境 / 需求分析 / 难点预测

405 阅读1分钟

成果展示

1 Node、npm、Git

npm版本升级不了,废了很多精力,索性重新安装了一个。 image.png

2 VSCode、微信开发者工具

image.png

3 Axure RP

image.png

4 需求分析

4.1 页面交互

主要是首页我的两个tab页面, 3ee57f8db21b11a6f198f527f48db52.jpg

ffd24877990354c99fe676e3be9eb09.jpg

4.2 业务梳理

image.png

4.3 技术栈

  • 微信小程序
  • Js
  • Axios
  • Vant

4.4 项目难点

  • 验证码登录
  • 多级地址展示组件
  • 图片上传

此外,难度和任务量主要集中在对于房屋、报修和访客相关记录的增删改查对应的UI逻辑上。

问题解决

1 git -v 指令无效

描述:git -v 提示"unknown",但git --version可显示正常版本 2.1x.x。

解决:没有直接在网上找到原因,推测是版本过低。于是更新git版本,问题解决。

2 node升级失败

描述:

npm i -g n npm ERR!

code EBADPLATFORM npm ERR!

notsup Unsupported platform for n@9.2.3: wanted {"os":"!win32"} (current: {"os":"win32","arch":"x64"}) npm ERR!

notsup Valid OS: !win32 npm ERR! notsup Valid Arch: undefined npm ERR! notsup Actual OS: win32 npm ERR!

notsup Actual Arch: x64

解决:直接安装失败,于是使用nvm安装也失败,可能是之前环境变量配置出了问题(电脑里有好几个 Node),为了避免莫名其妙的报错,只好重装Node。

npm config:

需要先在 Node 所在文件夹下创建同名的两个文件夹

npm config set prefix "D:\PROGRAMMING\software\node\node_global”

npm config set cache "D:\PROGRAMMING\software\node\node_cache”

Node环境变量配置:

image.png

image.png

image.png

参考博客

# nodejs安装和环境配置-Windows