步骤说明

vue安装:
1、安装node12.20.0
下载地址:https://nodejs.org/download/release/v12.20.0/
node-v12.20.0-x64.msi

2、进入D:\Program Files\nodejs
新建两个文件夹,node_global和node_cache

设置缓存文件夹和全局模块文件夹
npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global"

3、环境变量
新增NODE_PATH:
D:\Program Files\nodejs

添加PATH(安装node时可能已经自动添加了部分):
%NODE_PATH%;D:\Program Files\nodejs\node_global;

4、基于 Node.js 安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org

5、npm安装vue-cli
npm install -g @vue/cli@4.5.15

6、查看是否成功
C:\Users\Administrator>vue -V
@vue/cli 5.0.4

C:\Users\Administrator>npm -v
6.14.8

C:\Users\Administrator>node -v
v12.20.0

vue搭建前端:
1、在Python后端项目的根目录进入cmd,执行:vue create frontend
提升选择vue2还是3时,选vue3
2、启动前端的服务器
cd frontend
npm run serve

vue的欢迎页面:http://localhost:8080/

vue构建微信小程序
1、创建uniapp工程
vue create -p dcloudio/uni-preset-vue#vue3 my-assistant

2、项目指定到微信平台
cd my-assistant
npm run dev:mp-weixin

3、微信开发者工具导入(先到微信小程序官网安装微信开发者工具)
选定目录即可 dist/dev/mp-weixin

微信登录原理图

1mwm65azjc.jpeg

标签: none

添加新评论