vue打包时资源如何分vuejs项目目录结构放置？

来源：蜘蛛抓取(WebSpider) 时间：2019-08-28 09:18 标签： vue目录

上一章节中我们使用了 npm 安装项目我们在 IDE（Eclipse、Atom等） 中打开该vuejs项目目录结构，结构如下所示：

最终发布的代码存放位置
配置vuejs项目目录结构，包括端口号等我们初学可以使用默认的。
npm 加载的项目依赖模块

这里是我们要开发的vuejs项目目录结构基本上要做的事情都在这个vuejs项目目录结构里。里面包含了几个vuejs项目目录结构及文件：

  • components: vuejs项目目录结构里面放了一个组件文件可以不用。
  • App.vue: 项目入口文件我们也可以直接将组件写这里，而不使用 components vuejs项目目录结構
静态资源vuejs项目目录结构，如图片、字体等
这些是一些配置文件，包括语法配置git配置等。
首页入口文件你可以添加一些 meta 信息或同統计代码啥的。
项目的说明文档markdown 格式

在前面我们打开 APP.vue 文件，代码如下（解释在注释中）：

接下来我们可以尝试修改下初始化的项目将 Hello.vue 修改为以下代码：

重新打开页面 http://localhost:8080/，一般修改后会自动刷新显示效果如下所示:

构建vue项目的开发环境配置官方提供了脚手架工具vue-cli来快速构建一个开发环境，初始化一个vue项目操作命令如下：

本文主要介绍了vue-cli脚手架工具构建出项目结构vuejs项目目录结构文件的相关描述信息仅作了解使用，自身先有个印象有助于后续运行项目发生问题较好排查些。

我要回帖

更多关于 vue目录 的文章

 

随机推荐