前端vue3框架搭建及创建项目工程完整步骤(小白版)_vue.js
cd code2025npm create vue@latesty
再根据图片内选择 :否、不需要
cd vuenpm i
打开你显示出来的Local: http://localhost:5173/
回到CMD命令行,按住ctrl + C 两次
APP.vue删除无用的代码,只保留
继续删除无用文件:
打开code2025---vue---src---router---index.js更改,看不懂的直接复制我的代码即可,如下
node_modules:不是我们的源码文件,这个是依赖包下载之后的存放目录public:存放全局的静态文件,比如说网页的iconsrc:
index.html:vue编译成网页才能在浏览器渲染jsconfig.json:内部配置文件package.json:定义依赖库的文件package-lock.json:在你下载依赖的时候锁定版本的一个文件vite.config.js:全局的配置文件
在src---assets路径下新建directory命名为:css,新建file命名为:global.css,如图:
在index中打开页面,查看效果
先下载一张404图片到本地再根据图片步骤操作
先将404图片复制到新建的directory,再新建404.vue,再写图片路径,再增添路由配置
写到这里发现自己的vue文件是灰色的,查找教程发现没有下载插件:
变成有颜色的了,如果你的不可以,回到上边,检查是否apply后才ok的,有的不是自动的。
查看配置是否正确:
重试一下,得到结果:
继续配置颜色和样式可以在view文件夹内配置vue文件、修改路由器配置可得。
到此这篇关于前端vue3框架搭建及创建项目工程完整步骤的文章就介绍到这了,更多相关vue3搭建创建项目工程内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
本文地址: https://www.earthnavs.com/jishuwz/ddec038880d343716d9d.html





















