前端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
全局中部横幅
开发者导航

程序员一站式导航平台,汇集AI工具、前端、后端、Python、Java等1000+优质开发工具

网易号

该站点未添加描述description...

百度指数

该站点未添加描述description...

新华网

中国主要重点新闻网站,依托新华社遍布全球的采编网络,记者遍布世界100多个国家和地区,地方频道分布全国31个省市自治区,每天24小时同时使用6种语言滚动发稿,权威、准确、及时播发国内外重要新闻和重大突发事件,受众覆盖200多个国家和地区,发展论坛是全球知名的中文论坛。

金泉翱联网

金泉翱联网精心聚合最新的网站相关知识信息,全力打造出一个全新的网站平台资源整合体。在这里,为您提供全网范围内各类问题的解答,还有丰富的天气资讯、文学辞典、历史知识以及实用的生活小常识等内容。

同盾科技

同盾科技智能风控服务,依托智能分析技术,预测信贷、银行、保险、电商等领域的欺诈风险。

群晖科技

Synology提供你安全、高效率的资料管理系统,确保你能从容掌握极速成长的庞大数位资料,从中取得竞争优势。

11资源网

提供各种虚拟资源,虚拟货源,精品资源,源码下载,热门软件,知识付费课程,网创教程,网盘资源合集分享下载。副业项目教程,副业网创资讯,各类稀缺资源分享下载

全考通资源网

全考通资源网提供考试资源下载,一级建造师、二级建造师、造价师、消防工程师、建筑师、资格考试、安全工程师、咨询工程师、公务员、考研、经济师、英语四六级等热门考试课件免费下载及分享平台。

717收录网

717收录网是一个综合性的网络资源平台,专注于为用户提供便捷、全面的网址导航服务,同时提供自动审核提交收录功能,致力于为广大网友提供专业的互联网资源导航服务