搭建Vue3工程(去除不必要的文件)

在文件下右键可以直接打开对应文件夹的终端

在该文件夹下输入命令创建vue3项目

java 复制代码
npm create vue@latest
java 复制代码
   cd vue-project
   npm install
   npm run dev

运行成功,点击链接,出现以下页面,表示运行成功

vue项目瘦身(可以不做)

setup 是必备的属性,他是语法糖,有这个就可以使用 Vue3 的语法特性

文件瘦身,删除AboutView.vue,将HomeView.vue改名Home.vue

精简路由

精简App.vue,只留下项目的入口其它都删除

创建css文件并使用

进入到vue目录下,运行vue项目

java 复制代码
 npm run dev

点击链接,运行成功

相关推荐
chenbin___6 分钟前
react native中 createAsyncThunk 的详细说明,及用法示例(转自通义千问)
javascript·react native·react.js
摆烂工程师7 分钟前
(2025年11月)开发了 ChatGPT 导出聊天记录的插件,ChatGPT Free、Plus、Business、Team 等用户都可用
前端·后端·程序员
gongzemin17 分钟前
使用阿里云ECS部署前端应用
前端·vue.js·后端
用户411800341534118 分钟前
Flutter课题汇报
前端
环信21 分钟前
实战教程|快速上线音视频通话:手把手教你实现呼叫与接听全流程
前端
Dgua21 分钟前
✨TypeScript快速入门第一篇:从基础到 any、unknown、never 的实战解析
前端
用户97141718142722 分钟前
前端开发中的跨域问题:Vite 开发环境配置指南
vue.js·vite
海云前端122 分钟前
Vue3 大屏项目投屏功能开发:多显示器适配实践
前端
技术小丁38 分钟前
使用 HTML + JavaScript 实现酒店订房日期选择器(附完整源码)
前端·javascript
hashiqimiya39 分钟前
harmonyos的鸿蒙的跳转页面的部署
开发语言·前端·javascript