vue项目搭建（三）+项目配置

接上篇。

成功创建项目后，我们可以先了解一下我们项目里目录以及各文件里都是写什么的。

1.build文件夹里代表项目的固定目录。

1.1 build--webpack.base.conf.js  是项目的基础配置文件。

我们打开文件看代码。① module.exports里的是项目的入口配置代码。② resolve下extensions: ['.js', '.vue', '.json'] 配置了我们导入文件时所省略的扩展名。③ module下的rules里都是不同的扩展名用什么加载器加载。

1.2  build--webpack.dev.conf.js  是开发的一些配置。

1.3 build--webpack.prod.conf.js 是产品运行打包的配置。

 2.config 下的目录

 index.js 是可以配置项目运行的端口号

 autoOpenBrowser 代表是否自动打开浏览器。true为自动打开，false为关闭。

3.src--components  放项目页面的功能组件。

4. src--App.vue  可导入功能界面组件。

 5. src--main.js 导入项目主组件。将App.vue映射成标签。#app代表是app选择器。

 

                                                                                                                                     持续更新中~~