文章目录一、VueAPI自动导入1.1配置`unplugin-auto-import`1.2可能遇到ts,eslint不识别而导入报错的问题1.3配置src/component目录下的组件自动引入二、按需引入UI组件库（antd,element-plus）2.1、按需引入element-plus2.2ant-design-vue按需引入2.3自动导入ElementPlusIcon三、关于配置文件一、VueAPI自动导入解决的问题：避免在每个vue组件中都重复性的去声明ref,reactive等。如下：import{ref,reactive}from'vue'//配置自动导入，用来省略这句手动引
注意：Vue3/Vite版要求node版本^14.18.0||>=16.0.0如果使用HBuilderX（3.6.7以下版本）运行Vue3/Vite创建的最新的cli工程，需要在HBuilderX运行配置最底部设置node路径为自己本机高版本node路径（注意需要重启HBuilderX才可以生效）HBuilderXMac版本菜单栏左上角HBuilderX->偏好设置->运行配置->node路径HBuilderXWindows版本菜单栏工具->设置->运行配置->node路径环境安装1.全局安装vue-clinpminstall-g@vue/cli2.创建以javascript开发的工程（如命令
awaitimport('source-map-support').then((r)=>r.default.install()) ^^^^^SyntaxError:Unexpectedreservedword 查看一下node版本 报错原因是node版本的问题。要使用16之上的版本我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个mac下载nvm_nvmmac下载_夏天想的博客-CSDN博客如何保证一个项目使用低版本的node。还有项目使用其他高版本的node呢？这就需要nvm啦_项目创建当时使用低版本,新开发者需要重新降低笨笨来适配nodejs_夏天想的博客-
vue3使用了vite进行项目构建，在学习时，vite怎么也跑不起来报错如下：网上找了很多方法1.包括升级node版本至16.0.0+以上，升级npm版本，配置环境变量2.清除npm缓存：npmcacheclean--force都没有效果后来仔细观察报错，发现提示是'vue3学习\init\node_modules\.bin\'不是内部或外部命令，也不是可运行的程序，而我的项目是放在“总结&vue3学习”目录下的，于是猜测，是不是存放项目的目录不能包含“&”符号。修改文件目录名称成“vue3学习”，项目就能正常运行了
vue3+vite出现processisnotdefined解决办法解决办法：在vite.config.js文件中添加define:{'process.env':{}}解决了
requireisnotdefind 因为require是属于Webpack的方法,vite中找不到这个方法肯定报错解决方法:创建一个工具文件getImge.ts//获取assets静态图片exportconstgetAssetsImge=(url:string)=>{returnnewURL(`../assets/home/${url}`,import.meta.url).href}使用工具文件:import{getAssetsImge}from'@/utils'html中
在vue2中使用proxy进行跨域的原理是：将域名发送给本地的服务器（启动vue项目的服务,loclahost:8080），再由本地的服务器去请求真正的服务器。 1.在proxy中设置要访问的地址，并重写/api为空的字符串，因为我们真正请求的地址是没有带/api，这个重写很重要!!! 2.在创建axios实例的时候将baseURL设置为/api,这时候我们的跨域就已经完成了。 3.假如请求的真正地址为：http://48.96.217.56:8185/core/getdata/userInfo,但我们在浏览器上会看到是这样的：http://localhost:8080/a
前言H5项目基于Web技术，可以在智能手机、平板电脑等移动设备上的浏览器中运行，无需下载和安装任何应用程序，且H5项目的代码和资源可以集中在服务器端进行管理，只需更新服务器上的代码，即可让所有顾客访问到最新的系统版本。本系列将以肯德基自助点餐页面为模板，搭建一款自助点餐系统，第一次开发移动端h5项目，免不了有所差错和不足，欢迎各位大佬指正。项目代码正在gitee同步更新中，项目地址：https://gitee.com/airheaven/kfg-vue，学习前请大家给个star哦🌟技术栈Vue3.2+Vite+TS+Vant+Pinia+Node.js一、起始准备1.1、安装nvmnvm全英文
1.先看配置（electron-vue）打包使用的是electron-builderpackage.json:{..."scripts":{"build:darwin":"node.electron-vue/build.js&&electron-builder--mac",...},"build":{"productName":"xxxx","artifactName":"xxxx-${os}-${version}.${ext}","appId":"com.xxx.tm","directories":{"output":"build"},"copyright":"Copyright©2022x
1.先看配置（electron-vue）打包使用的是electron-builderpackage.json:{..."scripts":{"build:darwin":"node.electron-vue/build.js&&electron-builder--mac",...},"build":{"productName":"xxxx","artifactName":"xxxx-${os}-${version}.${ext}","appId":"com.xxx.tm","directories":{"output":"build"},"copyright":"Copyright©2022x
