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

点击链接,运行成功

相关推荐
Cry丶4 分钟前
Vue 3 业务管理页面实战:组件拆分、父子通信与弹窗复用
前端·javascript·vue.js·父子通信·组件拆分·弹窗复用
雪芽蓝域zzs13 分钟前
Vue前端配置路由通配捕获 404
前端·javascript·vue.js
计算机魔术师15 分钟前
Anthropic 发布电商 Agent 架构与生产实践指南,并开源 commerce-agents 参考实现
前端
IMPYLH23 分钟前
HTML 的 <ol> 元素
前端·html
IMPYLH24 分钟前
HTML 的 <object> 元素
前端·html
DevOpenClub26 分钟前
PDF 多格式解析如何避免混用输出:TEXT、HTML、XML 与 TAG 数据契约
xml·前端·数据库·pdf·html
用户2526327534734 分钟前
请问同一台服务器能同时部署前后端项目并支持https吗?
前端
小凯在掘金1 小时前
类型判断什么时候用 typeof?
javascript
Sincerelyplz1 小时前
【Pipecat】基于Pipecat的voice agent实践
前端·后端·agent
lerhxx1 小时前
为什么你的Three.js物体总是乱转?一文彻底搞懂“万向锁”与四元数
前端·three.js