- 博客(21)
- 收藏
- 关注
原创 vue项目中assets与static的区别
在使用vue脚手架生成的目录中,会有一个src/assets还有一个static。static中的文件不会被webpack打包,文件被复制到dist/static。assets中的文件会经过 webpack 打包,重新编译。两者都可以用来放一些静态文件。
2024-07-15 15:36:06 70
原创 Vite和Webpack的区别 (我总结了12点【全】)
总体来说,Vite具有更快的启动速度、轻量的配置、更好的HMR和SSR支持等特点,适合现代化的框架。但它也存在部分生态缺失的问题。Webpack具有更全面的生态和插件支持,但配置复杂,构建速度较慢。它不会将代码打包,而是利用浏览器原生支持ES module的方式,实现按需加载。Vite利用ESM的优势,可以实现一些Webpack难以实现的功能,如“热修补”已运行的代码。Webpack需要先打包代码,转换为浏览器可识别的模块格式,无法实现按需加载。Webpack的SSR相对复杂,需要服务端渲染打包后的资源。
2024-07-09 10:36:54 304
原创 创建vue-cli脚手架项目 和各个文件夹用途(最全面)
assets文件夹:一般用于存放静态资源(放置多个组件共用的静态资源),值得注意,放在在assets文件夹里的静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包到JS文件里面(一般图片 放着里面)。babel.config.js:babel的配置文件(相当于翻译官,比如把ES6相关语法翻译为ES5,兼容性更好,一般不碰)main.js:入口文件,也是整个程序当中最先执行的文件(所以 js 文件 一般都要在这里 挂载 或者引入一下)2、切换到要创建项目的目录,然后创建项目。
2024-07-09 09:20:03 572
原创 vue 脚手架 安装elmentplus 报错 多数因为你是vue2 版本
如果您可以升级您的项目到 Vue 3,这将是最直接的解决方案。您需要更新所有相关的 Vue 插件和库,以及可能的项目结构和代码,以确保它们与 Vue 3 兼容。在决定升级 Vue 或更改 UI 组件库之前,请确保检查项目的其他依赖项是否也依赖于 Vue 的特定版本。和您可能使用的其他库的官方文档,以及相关的社区论坛和问答网站,以获取更多关于如何迁移或解决兼容性问题的信息。如果您不能或不想升级 Vue 版本,您可以使用 Element UI(Vue 2 的版本),而不是。,这是一个 Vue 2 的版本,与。
2024-07-02 09:41:10 309
原创 vue 脚手架 安装element 报错 版本冲突 !
如果您发现维护当前的 ESLint 配置过于复杂或困难,您可能需要考虑使用不同的 ESLint 配置或从头开始创建一个新的配置。但请注意,这可能会隐藏潜在的依赖问题,并可能导致运行时错误。有时候,依赖项之间的冲突可能是由于项目中其他包也依赖于相同但版本不同的包。的官方文档,以及相关的社区论坛和问答网站,以获取更多关于如何解决依赖冲突的信息。有时候,清除 npm 的缓存可以解决一些奇怪的依赖问题。,如果您使用的是 Yarn)文件,以确保所有依赖项都是兼容的。的更新版本,该版本可能已经支持了更高版本的。
2024-07-02 09:39:03 194
原创 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1
因为 没有安装 脚手架 安装一下就行。
2024-07-01 14:44:23 89
原创 解决 终端 输入 vue 不是内部或者外部命令的 问题
找到你的 node 的安装路径 里面有一个 vue:cmd 右击点属性 复制 路径 粘贴到 path'里面即可解决。环境变量里面有一个 path 点一下 然后才选择编辑 然后再继续选择 添加。(这边 不方便截图 所以跟着下边文字走即可)原因: 是因为 你没有配值全局变量。
2024-07-01 14:28:19 325
原创 解决创建 vue脚手架项目 在终端 只要 用 vue 开头 就会报错
原因 个人感觉 是node的 原因 我的就是 创建 脚手架 项目 不行 创建 vite 项目就行 我的 版本当时 是18.20.1 应该是 最后 我有 把node闪删了 下载了 nvm 管理node 最后解决了 可以了。
2024-07-01 14:21:58 291
原创 uni-app 设置中间tabber 图标大小
*.uni-tabbar__item:nth-last-child(3) 修改倒数第三个 也就是中间的图标 我这边底部栏是五个*/首先就是 tabber 的 list数量必须是偶数 然后是在pages.json中设置midButton 和tabber同级。或者使用css 这个可以选定放大的tabber 也是在app.vue中 (这个我当时测试好像app没有用 只能实现h5)/*.uni-tabbar__icon 去掉原图标大小,强制为自适应宽高*/important 强制覆盖*/
2024-06-26 14:48:43 413
原创 npm报错TypeError: Class extends value undefined is not a constructor or null 或者是因为npm run dev运行vite报错
我之前 因为一直在删除这一层的node_modules 所以一直没管用 到最后我才发现 删的 不干净 所以直接把最外层的 nodejs文件夹删掉 再重新安装node 就好了。首先 是因为node的 问题 我上次研究过很多次也查询了 很多次资料 说是要删除 node_modules但是还没成功 最后我发现了 问题所在 因为没有删干净!首先打开你自己 node 安装地点 我的是C 盘 找到 program files 进去。再进去 就能发现了 node_modules。再去寻找 nodejs。
2024-06-22 15:14:13 151
原创 关闭 原生h5 和app导航栏 以及去除 返回按钮
需要去 你想要去除的 页面在 onShow 里面 加一串代码才行 document.querySelector('.uni-page-head-hd。
2024-06-22 09:38:53 82
原创 TypeError: (intermediate value).globEager is not a function
改为 import.meta.glob(参数, {eager: true})由 import.meta.globEager(参数)解决办法:。
2024-06-20 14:43:46 160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人