技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。 创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条
技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。 创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条
在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.json的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用process.env.xxx。vite使用方式类似，但获取环境变量使用import.meta.env。1环境变量和模式上面提到，vite中使用import.meta.env的方式来获取环境变量。在main.ts中添加如
在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.json的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用process.env.xxx。vite使用方式类似，但获取环境变量使用import.meta.env。1环境变量和模式上面提到，vite中使用import.meta.env的方式来获取环境变量。在main.ts中添加如
一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是： 以Windows、macOS和Linux为操作系统的软件开发 。对此我们做了详细的技术调研，桌面端的开发方式主要有Native、QT、Flutter、NW、Electron、Tarui。其各自优劣势如下表格所示：我们最终的桌面端技术选型是Electron，Electron是一个可以使用Web技术来开发跨平台桌面应用的开发框架。其技术组成如下：Electron=Chromium+Node.js+NativeAPI各技术能力如下图所示：整体架构如下图所示：Electron是多进程
一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是： 以Windows、macOS和Linux为操作系统的软件开发 。对此我们做了详细的技术调研，桌面端的开发方式主要有Native、QT、Flutter、NW、Electron、Tarui。其各自优劣势如下表格所示：我们最终的桌面端技术选型是Electron，Electron是一个可以使用Web技术来开发跨平台桌面应用的开发框架。其技术组成如下：Electron=Chromium+Node.js+NativeAPI各技术能力如下图所示：整体架构如下图所示：Electron是多进程
本Vue3教程将介绍如何构建一个简单的搜索模块，该模块使用文本输入过滤数组中的文章。也就是说，在创建这个Vue3项目的过程中，我们需要使用CompositionAPI构建两个组件。我们的目标是这样的：是不是很有意思呢？事不宜迟，让我们开始编码吧。开始我们可以有很多种方法将Vue3添加到现有项目中，甚至可以自己创建一个Vue3项目。本教程将介绍我个人最喜欢的两个途径：VueCLIViteVueCLI如果你以前做过Vue开发，那么一定知道如何使用VueCLI来设置项目。VueCLI是Vue开发的命令行界面，是Vue生态系统的基准。在本教程的示例中，我们将通过VueCLI来创建一个Vueapp。首先
本Vue3教程将介绍如何构建一个简单的搜索模块，该模块使用文本输入过滤数组中的文章。也就是说，在创建这个Vue3项目的过程中，我们需要使用CompositionAPI构建两个组件。我们的目标是这样的：是不是很有意思呢？事不宜迟，让我们开始编码吧。开始我们可以有很多种方法将Vue3添加到现有项目中，甚至可以自己创建一个Vue3项目。本教程将介绍我个人最喜欢的两个途径：VueCLIViteVueCLI如果你以前做过Vue开发，那么一定知道如何使用VueCLI来设置项目。VueCLI是Vue开发的命令行界面，是Vue生态系统的基准。在本教程的示例中，我们将通过VueCLI来创建一个Vueapp。首先
一、前言vue3的快速更新，很多IT发展快的地区在22开始都已经提上日程，小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈，纯属小编自己的看法，可能小编是个井底之蛙！！vue2+webpack的时代要过去了，主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建，vue3官方也是推荐的！！速度快，基本上是秒启动级别的！带的例子还是vue3最新的组合式语法糖setup。二、vite介绍和搭建1、介绍Vite官网：https://cn.vitejs.dev/Vite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！V
一、前言vue3的快速更新，很多IT发展快的地区在22开始都已经提上日程，小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈，纯属小编自己的看法，可能小编是个井底之蛙！！vue2+webpack的时代要过去了，主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建，vue3官方也是推荐的！！速度快，基本上是秒启动级别的！带的例子还是vue3最新的组合式语法糖setup。二、vite介绍和搭建1、介绍Vite官网：https://cn.vitejs.dev/Vite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！V
