Visual Studio 2019 Vue项目 目录结构

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

具体文件结构如下图

 

目录	说明
dist	项目编译（打包 npm run build）后产生的可发布的文件（html,js,css 图片等）
public	静态html文件,ico 图标等
src	assets: 放置一些图片，如logo等。 components: 目录里面放了一个组件文件，可以不用。 App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。 main.js: 项目的核心文件。
node_modules	npm 加载的项目依赖模块

 

 

 

 

 

 

 

 

 

模版使用

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