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

点击链接,运行成功

相关推荐
xkxnq18 小时前
第六阶段:Vue生态高级整合与优化(第93天)Element Plus进阶:自定义主题(变量覆盖)+ 全局配置与组件按需加载优化
前端·javascript·vue.js
A黄俊辉A19 小时前
vue css中 :global的使用
前端·javascript·vue.js
小码哥_常20 小时前
被EdgeToEdge适配折磨疯了,谁懂!
前端
小码哥_常20 小时前
从Groovy到KTS:Android Gradle脚本的华丽转身
前端
灵感__idea20 小时前
Hello 算法:复杂问题的应对策略
前端·javascript·算法
chushiyunen21 小时前
python中的内置属性 todo
开发语言·javascript·python
麦麦鸡腿堡21 小时前
JavaWeb_请求参数,设置响应数据,分层解耦
java·开发语言·前端
soso196821 小时前
JavaScript性能调优实战案例
javascript
Dxy12393102161 天前
CSS常用样式详解:从基础到进阶的全面指南
前端·css
IT_陈寒1 天前
SpringBoot自动配置揭秘:5个让开发效率翻倍的隐藏技巧
前端·人工智能·后端