Vue工程创建好以后,我们要先对Vue工程结构进行一个简单的了解,我们来看下面这张工程目录截图:
Vue 工程介绍
Vue的工程目录不仅仅这么多,作为初学者,我们暂时只了解一些基础的(不用刻意去记,在使用中我们还会提到):

node_modules:存放npm命令下载的开发环境和生产环境的依赖包。
public:项目的入口文件
src:存放项目源码及需要引用的资源文件。
|-- assets:存放项目中需要用到的资源文件,css、js、images等。
|-- componets: 存放vue开发中一些公共组件:例如项目初始的header.vue、footer.vue就是公共组件。
|-- router:vue路由的配置文件。
|-- views:存放页面文件
|-- app.vue:使用标签渲染整个工程的.vue组件。
|-- main.js:vue-cli工程的入口文件。

相关文章: