使用vite创建的vue项目运行时，只能使用localhost（127.0.0.1）访问，如果使用外部ip，提示使用–host参数，可使用npmrundev--host，不起作用，在host后增加0.0.0.0也不起作用。需要运行npxvite--host0.0.0.0。还有一个办法，就是在vite.config.js中增加配置server：exportdefaultdefineConfig({plugins:[vue()],server:{host:"0.0.0.0"},

文章目录组成开发服务器原理：浏览器支持esm模块其他类型文件请求转发基本使用安装特色依赖预构建预览viteVSwebpack插件vite.config.jsvite对vue的支持vite脚手架组成一个开发服务器，它基于原生ES模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。为什么vite既用了esbuild又用了rollup?esbuild在开发阶段（vitedev）使用，主要用来预编译第三方依赖和编译业务代码里的typescript代码。esbuild在抹平了第三方依赖的

vite项目在jenkins自动打包报错找不到esbuild-linux-64在window环境开发用的找不到esbuild-windows-64，在linux环境构建需要使用esbuild-linux-64，找不到esbuild-linux-64就会报错实际报错：errorduringbuild:11:21:11Error:11:21:11Youinstalledesbuildonanotherplatformthantheoneyou'recurrentlyusing.11:21:11Thiswon'tworkbecauseesbuildiswrittenwithnativecodeand

代码编辑器：vscode，使用vue3，所以安装了Volar插件，可以使vue代码高亮显示，不同颜色区分代码块，以及语法错误提示等提示：如果使用的是vue2，则使用Vetur插件；使用vue3的话，要禁用Vetur插件，然后用Volar插件。两个插件不要同时使用，会冲突。报错描述：安装vite框架（Vue3）后，项目“main.ts”文件中“importAppfrom‘./App.vue’”部分有红色报错提示，其他文件有些import引入文件也报错。查看项目“main.ts”文件中“importAppfrom‘./App.vue’”部分报错原因，提示报错“Cannotfindmodule‘./

1.在vite.config中添加配置server:{host:"0.0.0.0",cors:true,port:8991,open:false,//自动打开proxy:{//这里的ccc可乱写,是拼接在url后面的地址如果接口中没有统一的后缀可自定义//如果有统一后缀,如api,直接写api即可,也不用rewrite了"^/ccc":{target:"http://116.62.200.158",//真实接口地址,后端给的基地址changeOrigin:true,//允许跨域rewrite:(path)=>path.replace(/^\/ccc/,""),//将ccc替换为空},},},2

 创建home工程yarncreatevitehome--templatevuecdhomeyarnyarndevyrandev就可以看到一个网址点进去就可以看到效果了添加element-uiyarnaddelement-plus 全局引入（不推荐）之前的main.jsimport{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'createApp(App).mount('#app')修改后的import{createApp}from'vue'importElementPlusfrom'element-plus'imp

 问题：vitevue3项目打包部署上线后，发现是空白页面问题的处理解决方法：1.在我们vite.config.js文件中检查是否有路径的指向                            2.查看我们的路由模式，将路由模式修改为createWebHashHistory                                                          总结：vite的特点: 快速的冷启动,不需要等待打包即时的热模块更新真正的按需编译,不用等待整个项目编译完成.  

本blog讲述的是vite直接创建的vue3的项目的本地环境自定义域名配置。windows首先配置本地的一个域名代理指向。在windows环境下host文件的位置是C:\Windows\System32\drivers\etc我们需要打开目录下的hosts文件然后在其中找到127.0.0.1然后在后面追加一行127.0.0.1 localhost127.0.0.1 ericzhang528.com#将此域名指向127.0.0.1本地环境Mac在mac系统中我们需要打开终端然后输入sudovim/etc/hosts此时可能会需要你输入电脑密码然后同Windows一样添加域名指向不过不同的是

前言：vue3+ts+vite大家已经都开始用了，最近也在学习，基本上是零基础开始ts的学习，很多语法知识是边写边查，没有系统的学习ts。此处展示从零开始，搭建的一个框架，方便拿来即用！1.初始化一个vite项目npmcreatevite@latest其中框架选择vue，语言选择typeScript2.启动项目npminstallnpmrundev项目启动成功以后如下所示：3.修改目录为了方便日常工作中的框架使用，在此处对刚初始化好的框架进行改造，在原有框架的基础上，添加store，router，layout，utils，views等文件夹，其中的作用将在后面进行说明。如图所示：4.配置rou

Unocss简单使用首先初始化一个vite项目使用pnpm安装pnpmcreateviteunocss-demo----templatevue-ts使用npm安装npminitvite@latestmy-vue-app----templatevue使用yarnyarncreatevitemy-vue-app--templatevue下载Unocss依赖安装unocss和三个预设，第一个是工具类预设，第二个是属性化模式支持，第三个是icon支持pnpmi-Dunocss@unocss/preset-uno@unocss/preset-attributify@unocss/preset-icons