书架

书架

=一个知识书库=

vite.config.js 配置

vite.config.js 配置

使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下: ```javascript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()], }) ``` 当以命令方式运行 vite 时,vite 会自动解析项目根目录下 vite.config.js 的文件。配置不全时,在开发环境下运行都是正常的,但是打包上线的时候就会出现各种问题。如: -
more...
vite+element-plus+vue3+ts+eslint+prettier+stylelint+pina+unocss搭建企业级前端项目

vite+element-plus+vue3+ts+eslint+prettier+stylelint+pina+unocss搭建企业级前端项目

# 1.初始化项目 ## 1.node版本要求 node:v18.19.0 ## 2.vscode插件安装 Vue - Official,Prettier - Code formatter,ESlint ``` 提示:确保开发vue2时的Vetur插件禁用 ``` ## 3.创建项目 ```bash npm create vite@latest vite-vue-ts-seed -- --template vue-ts ``` 提示:vscode在文件中通过鼠标右击,选择使用...格式化文档,将prettier插件设为默认值 ##
more...
vite+naiveui+vue3+pinia+vue-router搭建简单后台管理系统

vite+naiveui+vue3+pinia+vue-router搭建简单后台管理系统

> - 构建工具使用vue3推荐的vite; > - 状态管理使用pinia,该库的作者也是vuex的核心成员; > - UI组件库使用尤大推荐的naiveui。 欢迎各位大神指导。话不多说,直接开撸。 <!--more--> ## 一、初始化vite模板 国内使用最好将yarn切换到淘宝源: ```bash yarn config set registry https://registry.npmmirror.com/ yarn create @vitejs/app ``` 之后会让你输入项目名称,选择框架等。这里我们输入名称为jianshu,框架
more...