使用vscode打开创建的项目：

图1

目录解析：

目录/文件

描述

build

项目构建（webpack）代码

config

配置目录

node_modules

项目依赖模块

src

基本上我们主要开发的目录都在这里，包含了几个目录及文件：

1. assets:放置一些图片

2. components:组件目录

3. App.Vue:项目入口文件，我们也可以直接蒋组件写这里

4. main.js:项目主文件

static

静态资源目录，如图片

index.html

项目入口文件

package.json

项目配置文件

将 Hello.vue 修改为以下代码

<template>  <div class="hello">    <h1>{{ msg }}</h1>  </div></template> <script>export default {  name: 'hello',  data () {    return {      msg: 'HelloWord！'    }  }}</script>

新建终端，输入：npm run dev

图4

运行结果

图5

好了，这个就是我们对Vue项目目录的一个简单介绍使用，喜欢的留个关注，点个赞！谢谢