Visual Studio 2019 Vue项目 目录结构

Visual Studio 2019 Vue项目 创建成功后可看到如下结构  Visual Studio 2019配置vue项目

Visual Studio 2019 Vue项目 目录结构

具体文件结构如下图

Visual Studio 2019 Vue项目 目录结构

 

目录 说明
dist

项目编译(打包 npm run build)后产生的可发布的文件(html,js,css 图片等)

public 静态html文件,ico 图标等
src
  1. assets: 放置一些图片,如logo等。
  2. components: 目录里面放了一个组件文件,可以不用。
  3. App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
  4. main.js: 项目的核心文件。
node_modules npm 加载的项目依赖模块

 

 

 

 

 

 

 

 

 

模版使用

Visual Studio 2019 Vue项目 目录结构

入口文件: public/index.html   和 src/main.js