VUE学习02--VUE项目各级目录及文件作用介绍

我们创建完成vue项目，会发现有很多目录及文件，我给大家简单介绍一下各个目录的作用。

build -- 主要是一些webpack 项目打包的配置文件
config -- 项目运行时的一些配置，如项目端口号等。
node_module -- 项目依赖， 由命令npm install生成
index.html -- 入口文件
package.json -- 项目的配置文件 创建项目填写的一些选项都写到这里了。  
webpack.config.js -- webpack的配置文件，webpack打包的工具。
src 源文件目录  -- 主要包含 assets，components ，router三个目录
      assets -- 静态资源文件（会经过webpack打包编译）
      components -- 组件文件，VUE的核心
      router -- 配置整个vue项目的路由，vue 是单页面应用的代表，这里面就是设置一个一个组件的地址的文件。
App.vue -- 根组件  组件就是模块，
App.vue是由由template--> html ，script--> js，scss-->css 三部分内容组成。
main.js --  项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义。
static -- 里面有一些静态资源文件(只是复制进来，不经过打包编译，建议放置一些第三方文件)

这样我们就大致了解了VUE的项目结构。

 

喜欢的朋友多多支持哦~ 欢迎点赞，评论，关注三连~