【Vue3】Vue项目各个配置文件的相关用途

8月前作者：meichaoWen 分类：Toy博客阅读(26) 违法举报

这篇具有很好参考价值的文章主要介绍了【Vue3】Vue项目各个配置文件的相关用途。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

通过Vue Cli创建好初始代码后，对于各个文件以及配置文件的用途，比较模糊。弄清楚配置文件的大致作用，十分有利于项目整体性的把控，在实际项目中例如修改配色、样式、统一页面结构等，都可以事半功倍。

1、package.json （项目的描述文件）

【Vue3】Vue项目各个配置文件的相关用途

2、.browserslistrc 浏览器兼容性配置文件

【Vue3】Vue项目各个配置文件的相关用途

3、.editorconfig 编辑器配置文件

4、.eslintrc.js 关于代码规范的配置

【Vue3】Vue项目各个配置文件的相关用途

5、.gitignore 提交忽略文件配置

【Vue3】Vue项目各个配置文件的相关用途

6、package-lock.json 依赖版本锁定文件

如果不去手动改变 package.json 中，依赖版本，在执行 npm install时，就不会再去重复下载依赖文件。

【Vue3】Vue项目各个配置文件的相关用途

7、index.html 入口html

当我们输入网址访问时，最先请求的就是 index.html，是项目的入口。

为什么只有一个div，我们的页面就可以渲染出来，是因为项目打包的js和css都会被自动注入到id=app的，div标签中。

【Vue3】Vue项目各个配置文件的相关用途

8、main.js

Vue项目的页面实际上是通过js动态渲染出来的，main.js 就是js的入口文件。

【Vue3】Vue项目各个配置文件的相关用途

以上。文章来源地址https://www.toymoban.com/news/detail-419384.html

到了这里，关于【Vue3】Vue项目各个配置文件的相关用途的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

通过Vscode 简单创建一个vue3+element的项目

确保你安装了最新版本的 Node.js，并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令输入构建项目命令，个人推荐如果有cnpm使用cnpm 创建成功之后完整引入在 main.js 中写入以下内容：以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单

2024年02月02日
浏览(71)
关于vue3生命周期的使用、了解以及用途（详细版）

每一个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。最常用的是created、mounted、updated和unmounted。

2024年01月19日
浏览(32)
【vue3项目初始化配置】vue3 + element plus

项目初始化是开发过程中很重要的一个环节，本篇博客带大家从零开始创建并初始化一个vue3项目，文章详细介绍了每个步骤，希望能帮助刚接触开发的小伙伴。目录一.创建项目二.安装插件编辑编辑三.安装依赖编辑编辑四.配置项目配置vu.config.js文件配置

2024年01月18日
浏览(61)
vue3：3、项目目录和关键文件

2024年02月09日
浏览(26)
vue3项目 - Eslint 配置代码风格

总结： Prettier （代码规范的插件，格式化）--- 美观 Eslint （规范、纠错、检验错误）----- 纠错首先，禁用 Prettier 插件，安装 ESLint 插件，配置保存时自动修复再配置代码风格文件 .eslintrc.cjs （Prettier 配置 + ESLint 配置，附配置代码）配置内容如， Prettier：单引号、

2024年02月04日
浏览(32)
Vite+Vue3项目全局引入scss文件

Sass 是世界上最成熟、最稳定、最强大的专业级CSS扩展语言！在日常项目开发过程中使用非常广泛，今天主要讲一下 Vite+Vue3 项目中该如何全局引入 scss 文件，引入混合 mixin 文件的不同配置。捎带说一下 Vue2 中的引入方式做一下简单的对比。 1.1 安装 vite 已经将 sass 预处理器的

2024年02月06日
浏览(40)
vue3项目打开本地pdf文件实现方法

效果图引入pdf插件注意一定要这个版本，不然会报错 key.split(...).at is not a function pdf页面封装 pdf存放目录具体实现就这么多，欢迎来吐槽！结语一个人久了连喜欢上一个人都好难，不要轻易地拒绝学习新知，因为你所拒绝的不是别人，而是你自己的成长之路。

2024年02月12日
浏览(35)
Vue cli创建项目时键盘操作无效；vue3.0项目搭建自定义配置

在创建vue3.0项目时，在建好的文件夹，鼠标右键 git bash 使用 vue create my-vue3.0创建新项目时，键盘方向键失效，无法选中对应的选项（交互提示符不工作）方案一使用电脑自带的 cmd 运行 vue create my-vue3.0。方案一在 git bash 窗口中用 winpty vue.cmd create demo 命令创建项目。只是换

2024年04月09日
浏览(35)
vue3+vite配置多入口文件

1.修改vite.config.ts 文件： 2.在src目录底下建相应的html文件和对应的ts入口文件和vue文件，如下图： npm run dev运行后本地访问： npm run build打包后的结构如图：

2024年02月13日
浏览(23)
Vue3项目-配置路由及侧边栏导航栏

1.在views 文件夹中创建文件夹并在其中一个文件夹中创建一个vue文件因为没有配置TS 因此script 后面没有跟lang=\\\"ts\\\" 例如下图所示 2.在router文件夹下面index文件中 routes数组添加重定向其中某对象中添加 children 属性配置二级路由并关联上想要链接的页面 compon

2024年02月09日
浏览(35)