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

2022-07-22 18:52:44 浏览数 (1)

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

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.cn/126024.html原文链接:https://javaforall.cn

0 人点赞