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

点击链接,运行成功

相关推荐
sdgsdgdsgc6 小时前
Next.js企业级应用开发:SSR、ISR与性能监控方案
开发语言·前端·javascript
心止水j6 小时前
spark
javascript·数据库·spark
黑云压城After9 小时前
H5使用环信实现视频或语音通话
前端·javascript·vue.js
未来之窗软件服务10 小时前
自己写算法(九)网页数字动画函数——东方仙盟化神期
前端·javascript·算法·仙盟创梦ide·东方仙盟·东方仙盟算法
你的人类朋友11 小时前
什么是断言?
前端·后端·安全
FIN666812 小时前
昂瑞微:实现精准突破,攻坚射频“卡脖子”难题
前端·人工智能·安全·前端框架·信息与通信
椎49512 小时前
苍穹外卖前端nginx错误之一解决
运维·前端·nginx
@。12412 小时前
对于灰度发布(金丝雀发布)的了解
开发语言·前端
我有一棵树12 小时前
前端图片加载失败、 img 出现裂图的原因全解析
前端