构建命令npm init vite-app <project-name>cd <project-name>npm installnpm run dev打包上线先在文件夹根目录
原创 2022-07-06 19:12:43
143阅读
实践出真知
转载 2021-06-29 09:52:00
456阅读
随着vue3成为默认版本,国内的开发者接触vite越来越多,其中原因其实就一个字:快。详细请看 为什么选 Vite | Vit
原创 2024-01-18 11:55:42
1003阅读
开源一个 Vue 3 + Element Plus 的项目供大家练手和学习。
原创 2021-05-14 14:36:03
1291阅读
先看效果 1)安装vue脚手架,项目配置,项目启动,这一步不做过多赘述,假设你已经成功启动了项目2)配置路由1.src/router/index.js中进行路由设置,代码如下import Vue from 'vue' import Router from "vue-router"; Vue.use(Router); import Login from "@/views/Login/lo
转载 9月前
167阅读
​通用后台管理系统整体架构方案(Vue)
转载 2022-02-25 14:14:57
797阅读
vite2已经出来一段时间了,这几天没忍住尝试了一下,首先体验到的就是 —— 快,真的很快,再也不用痛苦的等待了。然后就是踩坑,因为vite2还算是比较新,所以介绍文章不多,虽然已经出来官网文档了,但是现在的官网似乎侧重原理介绍,对于最初级的使用方式,似乎没有,或者是我还没有找到。这里汇总一些基础用法。创建项目vite2 构建项目:建议使用yarn,可以更快一些。yarn create @vite
原创 2021-04-24 21:12:15
3083阅读
创建一个模板 npm init @vitejs/app my-vue-app -- --template vue yarn create @vitejs/app my-vue-app --template vue 目录结构 vscode 安装插件 volar 的vue3插件 安装yarn npm i
原创 2022-12-08 14:55:39
242阅读
新建vue3+vite2+naiveui项目 一、构建vite2项目 使用命令行构建 npm init @vitejs/app 设置项目名 选择vue模板(上下方向键选择) 这里我选择js版 用你的IDE打开项目,这里我选择vscode 安装依赖和启动vite npm i npm run dev 黄 ...
转载 2021-07-23 17:41:00
1141阅读
2评论
# 使用Vite + Vue + TypeScript 构建后台管理系统 ## 介绍 在本篇文章中,我将向您介绍如何使用Vite(一个基于Rollup的新一代前端构建工具)、Vue框架以及TypeScript语言来构建一个现代化的后台管理系统。 ### 步骤概述 下面是构建“vite+vue+ts 后台管理”系统的大致步骤: | 步骤 | 操作 | |----|----| | 1. | 创建
原创 2024-05-17 12:24:31
110阅读
项目搭建vitenpm init vite-app <projectName> //或者 yarn create vite-app <projectName>vue-cli如果已经全局安装过旧版本的vue-cli,先卸载。npm uninstall vue-cli -g //yarn global remove vue-cli安装新版@vue/clinpm insta
转载 2023-09-02 15:18:05
146阅读
Vue相关的基础知识我们已经介绍了不少,官网也有很详细的使用说明,那么从本篇文章开始,我会陆续为大家介绍一款开源的Vue项目。首先感谢唐岗在github上分享的“基于vue.js重写Cnodejs.org社区的webapp”,源码地址如下:https://github.com/shinygang/Vue-cnodejs。接下来我会不定期阅读该项目,把其中的一些细节分享出来,和大家一起进行Vuew
转载 2024-05-07 09:50:14
497阅读
在数
转载 1月前
391阅读
###今日目标 1.初始化项目  2.基于Vue技术栈进行项目开发 3.使用Vue的第三方组件进行项目开发 4.理解前后端分离开发模式###1.电商业务概述 客户使用的业务服务:PC端,小程序,移动web,移动app 管理员使用的业务服务:PC后台管理端。 PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计 电商
转载 6月前
37阅读
1、版本管理(nvm) #显示可下载的列表 nvm list available # 下载 指定版本号 nvm install 版本号 # 查看 已安装版本 nvm list # 切换版本 n
原创 7月前
74阅读
1、vite.config.ts import { fileURLToPath, URL } from 'node:url' import { defineConfig, loadEnv } from 'vite' import vue from '@vitejs/plugin-vue' impor
原创 3月前
54阅读
# Vue 3Vite 架构的科普 在现代前端开发中,Vue.js 是一款非常流行的 JavaScript 框架,而 Vite 则是一个新兴的构建工具。它们的结合为开发者提供了高效、快速的开发体验。本文将介绍 Vue 3Vite 的基本概念及其架构特点,并给出相关代码示例。 ## Vue 3 简介 Vue 3Vue.js 框架的最新版本。它提供了许多新特性,比如组合 API
原创 8月前
99阅读
# 使用 Vue3 + TypeScript + Vite 搭建 ## 概述 在本文中,我将向你介绍如何使用Vue3、TypeScript和Vite搭建。作为一名经验丰富的开发者,我将通过以下步骤来帮助你实现这个目标: 1. 创建一个新的Vite项目 2. 安装Vue3和TypeScript 3. 配置路由和页面 4. 添加博客文章列表和详情页面 5. 关联后端API 6. 部署
原创 2023-10-04 09:06:02
148阅读
pinia中使用要比Vuex简单。Vuex中有state、mutations、getters、actions、modules五种, 而 pinia中只有state
原创 2022-06-27 15:22:40
155阅读
Soybean Admin 是一个基于 Vue3Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新流行的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于文件的路由系统以及基于 Mock 的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新流行技术栈:使用 Vue3/Vite 等前端前沿技术开发
原创 2023-11-21 08:58:48
462阅读
  • 1
  • 2
  • 3
  • 4
  • 5