12-vite&vue区分环境配置 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 区分不同环境1.1 ①创建环境变量文件创建 3 个.env 2022-05-22 04_大前端 > 04_Vue #Vue #git #nginx #开发流程
13-ElementUI&ElementPlus 参考资料: 集合来自社区贡献的数以千计的插件和库:https://github.com/vuejs/awesome-vue#components--libraries element ui 或 element plus 主要用于管理后台系统。 1. elementUI-vue2elementUI,饿了么UED团队退出的 vue 前端框架,主要用于PC端(偏后台系统)。 官网:https: 2022-05-22 04_大前端 > 04_Vue #Vue #elementUI #elementPlus
11-pinia公共状态管理 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 pinia 新状态库:https://pinia.vuejs.or 2022-05-22 04_大前端 > 04_Vue #Vue #vuex #pinia
14-Vant 1. vant - 移动端vant,有赞技术团队推出的 vue 前端框架,主要用于移动端。 官网:https://vant-ui.github.io/vant/#/zh-CN 源码:https://github.com/youzan/vant 1.1 安装现有项目中使用,通过如下命令安装。 12345# Vue 3 项目,安装最新版 Vant:npm i vant# Vue 2 项目,安装 Va 2022-05-22 04_大前端 > 04_Vue #Vue #vant #移动端
01-uniapp&vue3基础 参考: uni-app 官网:https://www.dcloud.io/ HBuild X 开发工具:https://hx.dcloud.net.cn/ 1. 环境准备1.1 安装 HBuild XHBuild X 开发工具:https://hx.dcloud.net.cn/ 注意事项: 安装时选择快捷键方案 IntelliJ IDEA 方案即可。 HBuilderX 代码格式化配置 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
03-uniapp&vue3打包上线 参考: uni-app 官网:https://www.dcloud.io/ uni-app 条件编译:https://uniapp.dcloud.net.cn/tutorial/platform.html HBuild X 开发工具:https://hx.dcloud.net.cn/ 1. 打包&上线1.1 微信小程序微信开放平台:https://mp.weixin.qq.com/ 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
99-vue工具库&组件库&应用框架 参考资料: vue 生态开源的组件和库集合:https://github.com/vuejs/awesome-vue?tab=readme-ov-file#components--libraries vue3+TS 高颜值组件库(移动端):https://wot-ui.cn/ 1. 工具库1.0 lodash - 工具库Lodash 是一个一致性、模块化、高性能的 JavaScript 实用 2022-05-22 04_大前端 > 04_Vue #Vue #工具库 #组件库
15-Vue3.0迁移 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 vue2 迁移到 vue3: https://developer. 2022-05-22 04_大前端 > 04_Vue #Vue #vue3
02-uniapp&vue3项目搭建 参考: uni-app 官网:https://www.dcloud.io/ HBuild X 开发工具:https://hx.dcloud.net.cn/ uni-helper (uni-app脚手架):https://uni-helper.js.org/ 免费测试api接口:https://jsonplaceholder.typicode.com/ 随机猫咪API接口:https://a 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
02-wechat微信小程序项目搭建 参考: 微信小程序官网:https://mp.weixin.qq.com/cgi-bin/wx 微信小程序开发文档:https://developers.weixin.qq.com/doc/ 案例源码:https://github.com/janycode/wx-wechat-mall-applet-demo .gitignore: https://github.com/janycode/wx 2022-05-22 04_大前端 > 10_小程序 #wechat #微信小程序