搭建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

点击链接,运行成功

相关推荐
幽络源小助理1 天前
SpringBoot+Vue车票管理系统源码下载 – 幽络源免费项目实战代码
vue.js·spring boot·后端
小夏卷编程1 天前
jeecg boot 路由缓存失效问题
vue.js·缓存
阿珊和她的猫1 天前
React Hooks:革新组件开发的优势与实践
前端·react.js·状态模式
全栈技术负责人1 天前
AI时代前端工程师的转型之路
前端·人工智能
花归去1 天前
echarts 柱状图曲线图
开发语言·前端·javascript
喝拿铁写前端1 天前
当 AI 会写代码之后,我们应该怎么“管”它?
前端·人工智能
老前端的功夫1 天前
TypeScript 类型魔术:模板字面量类型的深层解密与工程实践
前端·javascript·ubuntu·架构·typescript·前端框架
北辰alk1 天前
Vue Router 404页面配置:从基础到高级的完整指南
vue.js
北辰alk1 天前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk1 天前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js