每天都要尝试些新的东西！目前，uniapp在App/H5/小程序全平台都已支持了Vue3.0+typescript开发，并且全平台支持Vite编译器。HBuilderX3.3.0+版本也已支持了vue3和vite。从创建项目到使用组件库，再到页面的过程呈现一下。1.创建项目（大神一般都用命令创建吧，哈哈哈）更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/quickstart-hx.html（1）安装vue-clinpminstall-g@vue/cli@4（2）创建uniapp应用//创建以javascript开发的工程npxdegitdcloudio
每天都要尝试些新的东西！目前，uniapp在App/H5/小程序全平台都已支持了Vue3.0+typescript开发，并且全平台支持Vite编译器。HBuilderX3.3.0+版本也已支持了vue3和vite。从创建项目到使用组件库，再到页面的过程呈现一下。1.创建项目（大神一般都用命令创建吧，哈哈哈）更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/quickstart-hx.html（1）安装vue-clinpminstall-g@vue/cli@4（2）创建uniapp应用//创建以javascript开发的工程npxdegitdcloudio
内容一、VUECLI二、关于cli的原理三、vite四、使用vite五、vite处理css、less、postcss、ts六、vite对vue的支持：七、预打包：八、关于vite打包九、真实项目中不会一直使用npx的十、ESBuild十一、vite脚手架，一、VUECLI先安装这个工具：npminstall@vue/cli-g全局安装，这样在哪个文件夹下都能使用cli工具升级的话npmupdate@vue/cli-g通过vue命令创建项目：vuecreate项目名称为什么install时候写的@vue/cli，实际用的确实vue，因为@vue/cli项目中的package.json里的bin：
内容一、VUECLI二、关于cli的原理三、vite四、使用vite五、vite处理css、less、postcss、ts六、vite对vue的支持：七、预打包：八、关于vite打包九、真实项目中不会一直使用npx的十、ESBuild十一、vite脚手架，一、VUECLI先安装这个工具：npminstall@vue/cli-g全局安装，这样在哪个文件夹下都能使用cli工具升级的话npmupdate@vue/cli-g通过vue命令创建项目：vuecreate项目名称为什么install时候写的@vue/cli，实际用的确实vue，因为@vue/cli项目中的package.json里的bin：
前段时间开发新的项目，由于没有技术上的限制，所以选择了vite+vue3+ts来开发新的项目，一开始用vite来开发新项目过程挺顺利，确实比vue2+webpack的项目高效些（为什么选择vite）,但是过了一段时间后，不过怎么操作页面修改页面都无法及时刷新预览页面，各种纠结。 我觉得这是一个坑，为啥，请看下面的描述 按理说，我们无需要关心这些额外的配置，但是现在确实影响到了我们的开发体验，官网上也没明确描述，仔细想想是什么原因导致了无法热更新的问题，因为刚搭建完工程开发的时候确实是可以热更新的，仔细想了想发现好像是添加完路由出现这个问题的，猜想如果没有路
前段时间开发新的项目，由于没有技术上的限制，所以选择了vite+vue3+ts来开发新的项目，一开始用vite来开发新项目过程挺顺利，确实比vue2+webpack的项目高效些（为什么选择vite）,但是过了一段时间后，不过怎么操作页面修改页面都无法及时刷新预览页面，各种纠结。 我觉得这是一个坑，为啥，请看下面的描述 按理说，我们无需要关心这些额外的配置，但是现在确实影响到了我们的开发体验，官网上也没明确描述，仔细想想是什么原因导致了无法热更新的问题，因为刚搭建完工程开发的时候确实是可以热更新的，仔细想了想发现好像是添加完路由出现这个问题的，猜想如果没有路
本篇文章将介绍如何使用vite打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)打包配置vite专门提供了库模式的打包方式,配置其实非常简单,首先全局安装vite以及@vitejs/plugin-vuepnpmaddvite@vitejs/plugin-vue-D-w在components文件下新建vite.config.ts配置文件import{defineConfig}from“vite”;importvuefrom“@vitejs/plugin-vue”;exportdefaultdefineConfig({build:{//打包后文件目录outDi
本篇文章将介绍如何使用vite打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)打包配置vite专门提供了库模式的打包方式,配置其实非常简单,首先全局安装vite以及@vitejs/plugin-vuepnpmaddvite@vitejs/plugin-vue-D-w在components文件下新建vite.config.ts配置文件import{defineConfig}from“vite”;importvuefrom“@vitejs/plugin-vue”;exportdefaultdefineConfig({build:{//打包后文件目录outDi
前言今天是要vite创建vue3.0项目的时候，到了最后一步npmrundev的时候出现了以下错误：‘vite’不是内部或外部命令，也不是可运行的程序或批处理文件。如下图所示思考问题想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像node或cli，会自动帮助我们执行npmi(install)命令去下载相关
前言今天是要vite创建vue3.0项目的时候，到了最后一步npmrundev的时候出现了以下错误：‘vite’不是内部或外部命令，也不是可运行的程序或批处理文件。如下图所示思考问题想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像node或cli，会自动帮助我们执行npmi(install)命令去下载相关
