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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何创建一个操作系统?

    如何创建一个操作系统?

    2021年6月12日
    87
  • vb 学习的几个网站链接

    vb 学习的几个网站链接
    1.w3c:http://www.w3schools.com/vbScript/default.asp
    2.vb用户手册 http://www.cheapbuy.cn/tools/vbs/vskeyNothing.htm
    3.vb程序员指南源码下载地址,http://www.wrox.com/WileyCDA/Section/id-WROX_SEARCH_RESULT.html?query=vbscript
    找到vb第三版,然后下载源码
    4.xml

    2022年6月21日
    39
  • python爬虫scrapy框架_python主流爬虫框架

    python爬虫scrapy框架_python主流爬虫框架闲来无聊,写了一个爬虫程序获取百度疫情数据。申明一下,研究而已。而且页面应该会进程做反爬处理,可能需要调整对应xpath。

    2022年10月9日
    2
  • mysql中phpmyadmin安装教程_安装phpMyAdmin图文教程

    mysql中phpmyadmin安装教程_安装phpMyAdmin图文教程phpmyadmin的安装配置已经是老生常谈的话题了,网络上到处都可以找到相关的配置教程。但是,那些大多都是手动配置的,稍不留神,容易出错。因此站长今天在这里介绍的是,被很多phpmyadmin用户所忽略的phpmyadmin自带的安装程序,下面我们就开始一步一步来安装phpmyadmin。1、首先下载phpmyadmin3.4.11,这是目前最稳定无bug的版本,点击下载2、在你的web根目录新…

    2022年6月1日
    144
  • Hadoop与Spark等大数据框架介绍[通俗易懂]

    Hadoop与Spark等大数据框架介绍[通俗易懂]海量数据的存储问题很早就已经出现了,一些行业或者部门因为历史的积累,数据量也达到了一定的级别。很早以前,当一台电脑无法存储这么庞大的数据时,采用的解决方案是使用NFS(网络文件系统)将数据分开存储。但是这种方法无法充分利用多台计算机同时进行分析数据。一个实际的需求场景:日志分析日志分析是对日志中的每一个用户的流量进行汇总求和。对于一个日志文件,如果只有这么几行数据,我们一般会采用这…

    2022年4月28日
    43
  • OpenSSL安装成功记

    系统是XP,装了VC6.0和VS2005在Windows下安装OPENSSL,在网上看了很多帖子,照着别人的做,我的总是出错。出错信息cl.exe出错。我想也许是系统的问题吧。我想,把VC6卸载了试试吧。这一试终于看到了胜利的曙光。前提:安装过Perl。安装过程如下:把从官网上下载的openssl-0.9.8k.tar.tar解压缩到C盘。并把文件夹名改为openssl。它的安装目录便是C:/openssl。打开命令行。

    2022年4月9日
    57

发表回复

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

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