vue新建项目,目录文件解释「建议收藏」

1.2.1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。2、node_modules是npm加载的项目依赖的模块。3、src目录是我们要开发的目录,打开是这样的:其中assets:用来放置图片components:用来放组件文件app.vue:是项目入口文件,代码如下:App.vue相当于…

大家好,又见面了,我是你们的朋友全栈君。

1.
这里写图片描述
2.
1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。
2、node_modules是npm加载的项目依赖的模块。
3、src目录是我们要开发的目录,打开是这样的:
这里写图片描述

其中assets:用来放置图片
components:用来放组件文件
app.vue:是项目入口文件,代码如下:
这里写图片描述
App.vue相当于一个组件
main.js是项目的核心文件。代码如下:
这里写图片描述
import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’
这三句的意思是首先引入vue,然后引入了./App即App.vue文件。最后一句是引入一段路由配置。
然后是实例化new Vue .el:’#app’意思谁将所有的组件都放在id为app的元素中。components表明引入的文件,此处就是app.vue这个文件,这个文件的内容将以这样的标签写进#app中。
观察App.vue文件我们看可以看到一共有三个部分,分别是。
webpack在编译时可以将.vue文件中的这三部分抽出来合成cinderella单独的文件。
4、static文件夹用来放置静态资源目录
5、index.html是首页入口文件
6、package.json是项目配置文件

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/126024.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux java 日志_linux查看日志的方法

    linux java 日志_linux查看日志的方法linux查看日志文件内容命令tail、cat、tac、head、echotail-ftest.log你会看到屏幕不断有内容被打印出来.这时候中断第一个进程Ctrl-C,—————————linux如何显示一个文件的某几行(中间几行)从第3000行开始,显示1000行。即显示3000~3999行catfilename|tail-n+3000|…

    2022年6月22日
    237
  • 圆柱体积在线计算机,(完整版)圆柱体积计算练习题.docx

    圆柱体积在线计算机,(完整版)圆柱体积计算练习题.docx柱的表面和体积的计算练习题一个蓄水池是圆柱形的,底面面积为31.4平方分米,高2.8分米,这个水池最多能容多少升水?一个圆柱体的高是37.68厘米,它的侧面展开后恰好是正方形,这个圆柱体的体积是多少?一个圆柱形水桶的体积是24立方分米,底面积是6平方分米,桶的装满了水,求水面高是多少分米?一个圆柱形量桶,底面半径是5厘米,把一块铁块从这个量桶里取出后,水面下降厘米,这块…

    2025年12月5日
    4
  • 机器学习案例——鸢尾花数据集分析

    机器学习案例——鸢尾花数据集分析    前几天把python基础知识过了一遍,拿了这个小例子作为练手项目,这个案例也有师兄的帮助,记录完,发现代码贴的很多,文章有点长,为了节省篇幅,有一些说明就去掉了,毕竟鸢尾花数据集比较经典,网上能找到很多和我差不多的案例。还有就是发现一个新的markdown排版工具,今天想试试效果。数据来源    首先说一下,该数据集来源于网络。Iris也称鸢尾花卉数据集,是一类多重变量分析的数……

    2022年10月3日
    2
  • 01.分布式文件系统FastDFS

    01.分布式文件系统FastDFS

    2021年7月12日
    87
  • pip怎么卸载安装包_pip怎么卸载

    pip怎么卸载安装包_pip怎么卸载PythonPipcommandprovidessearch,install,update,uninstallpackages.Wecanusepipcommandtouninstallpackageseasilyeventherearesomealternativeslikeeasy_install.PythonPip命令提供搜索,安装,更新,…

    2022年10月19日
    2
  • java局域网组建与维护题_局域网组建与维护习题(有答案).doc

    java局域网组建与维护题_局域网组建与维护习题(有答案).doc局域网组建与维护实用教程一、填空题计算机网络中常用的三种有线通信介质是双绞线、同轴电缆、光纤。局域网的英文缩写为LAN,城域网的英文缩写为_MAN_,广域网的英文缩写为WAN。计算机网络的功能主要表现在硬件资源共享、软件资源共享、数据资源共享。决定局域网特性的主要技术要素为媒体访问控制方式、拓扑结构、传输介质。计算机网络是现代_计算机_技术与通信技术密切组合的产物。局域网常用的拓扑结构有总…

    2025年7月28日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号