2024-11-10启动项目，浏览器访问Local后的地址为项目页面。（2）使用vs code打开所创建的项目目录，（1）cmd切换到指定工作目录，运行。命令，输入项目名称后按需安装组件。快捷键打开终端，输入。_pnpm vue3 vite

https://www.qianduange.cn//article/20114.html 分类：前端知识

2024-08-21在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。_vue3引入vite

https://www.qianduange.cn//article/16332.html 分类：前端知识

2024-08-30本文介绍了如何使用vue3和vite进行项目打包优化，包括安装rollup-plugin-visualizer来图形化文件大小，解决大文件问题，通过CDN引入第三方库，依赖分包以及使用vite-plugin-compression进行gzip压缩。通过这些步骤，显著减少了项目的体积和加载时间。

https://www.qianduange.cn//article/17189.html 分类：前端知识

2024-08-27文章介绍了如何利用Vue的vite构建工具中的import.meta.glob方法，自动引入并注册路由，避免手动操作。在src/views目录下，按文件夹组织页面，每个页面包含page.js来定义路由元信息。通过处理这些信息，动态生成并拼接路由记录，实现路由自动化管理。此外，还提到了对typescript的支持和扩展RouteMeta接口的必要性。

https://www.qianduange.cn//article/17114.html 分类：前端知识

2024-08-19本文介绍了如何在vue3 vite项目中使用unplugin-vue-components来自动化全局引入SVG组件，包括安装步骤、vite.config.js的配置以及注意事项，使得组件管理更加便捷。

https://www.qianduange.cn//article/16203.html 分类：前端知识

2024-06-08vue3 vite项目搭建，安装启动停止，项目目录解构，组件说明，CSS导入方式，Vue3实现计数器...._vite搭建vue3

https://www.qianduange.cn//article/11401.html 分类：前端知识

2024-05-09入行前端工作将近两年多时间了（如果算上实习），从一开始vue2入门，到现在vue3前端变化是真的快，刚了解webpack搭建项目流程，vite又横空出世，不得不说前端变化真的太快了，所以只有不停的学习才能跟得上大佬们的脚步；废话不多说，进入正题，由于公司的领导要求前端要有自己的脚手架项目，能拿过来就用，所以想着基于vite vue3搭建一套基础的项目，但是想用在其他地方感觉通用性不强，所以打算做成一个集成系统，就是把工作中平时用到的技术剥离业务，做成一个demo演示系统，至于想即开即用，目前没有能力做这个脚_vite-plugin-eslint

https://www.qianduange.cn//article/7745.html 分类：前端知识

2024-04-23这个警告是由 Vue 在开发环境中的特定配置引起的，它提示你在 esm-bundler 版本的 Vue 中需要定义特定的编译时特性标志（compile-time feature flags）以获得更好的树状结构提示（better tree-shaking）。通过以上配置，你可以在项目构建过程中明确地定义 VUE_PROD_HYDRATION_MISMATCH_DETAILS 这个特性标志，从而消除警告并获得更好的tree-shaking效果。vue3 项目启动时报错如下，这个警告不会影响到项目的运行。_feature flag __vue_prod_hydration_mismatch_details__ is not explicitly defin

https://www.qianduange.cn//article/5878.html 分类：前端知识

2024-02-19最近开发的一个vue3 vite ts项目，build后发现体积过大，所以针对于项目体积进行一次优化。_vite vue3优化体积 autocomplete

https://www.qianduange.cn//article/2295.html 分类：前端知识