1、项目初始化安装完成后，目录如下
目录介绍：
-build：构建脚本目录
|-build.js：生产环境构建脚本
|-check-versions.js：检查npm，node.js版本
|-utils.js：构建相关工具方法
|-vue-loader.conf.js：配置了css加载器以及编译css之后自动添加前缀
|-webpack.base.conf.js：webpack基本配置
|-webpack.dev.conf.js：webpack开发环境配置
|-webpack.prod.conf.js：webpack生产环境配置
-config
|-dev.env.js
|-index.js
|-prod.env.js
-node_modules
-src
|-assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；
|-components：组件目录
|-router：路由文件夹
|-|-index.js：配置路由路径的文件
|-App.vue：根组件
|-main.js：入口js文件
-static：静态资源目录
-index.html：首页入口文件
-package.json：npm包配置文件
2、基本修改
项目新建完成以后，我们还需要修改部分地方。
2.1、在开发时，我们运行项目还需在浏览器手动输入地址，其实我们可以让项目自动打开浏览器
打开config->index.js
找到autoOpenBrowser设置为true，即可
autoOpenBrowser: true
2.2、我们的页面需要和其它文件分开，所以我们需要在src下建立一个新的文件夹：比如views，此文件夹只需要放我们的页面文件，而可以重复使用的页面，我们则可以把它放入components中。
2.3、config中的文件配置
我们在开发中，与在生产环境中所使用到的部分配置是不一样的，那么我们对这些配置肯定需要单独配置，比如请求接口地址等。
那么这些我们就需要在
-config
|-dev.env.js
|-prod.env.js
这两个js文件中进行配置了
dev.env.js文件：
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
VUE_BASE_URL: '"http://127.0.0.1"',//开发产环境的接口
VUE_WS_URL: '"wss://127.0.0.1"',//开发环境socket 连接地址
})
prod.env.js文件：
module.exports = {
NODE_ENV: '"production"',
VUE_BASE_URL: '"http://prod.cn"',//生产环境的接口
VUE_WS_URL: '"wss://prod.cn"',//生产环境socket 连接地址
}
这样我们在使用npm run dev时候，获取的值则是dev.env.js文件的；使用npm run build时候，获取的值则是prod.env.js文件的。
后续若还有需要补充的，我将会在此进行补充，或新建文章