第三方库

dependencies

{
js-cookie:cookie使用
normalize.css：统一html原生标签样式一般化
nprogress：进度条
path-to-regexp：对URL进行解析
dayjs:日期
axios
echarts
v-charts:图形库（vue）
element-ui
vue-count-to:数字滚动插件
vue-router
vuex
d3.js
hightchart
}

devDependencies

{
autoprefixer：自动补全css浏览器前缀 与css-loader style-loader postcss-loader postcss一起使用
html-webpack-plugin:在webpack构建后生成html文件
mockjs
svg-sprite-loader:svg加载器
svgo:SVG文件优化工具
sass-loader
sass
script-ext-html-webpack-plugin
}

目录结构

src
    ------api文件夹:涉及请求相关的
    ------assets文件夹：里面放置一些静态资源（一般共享的），放在aseets文件夹里面静态资源，在webpack打包的时候，会进行编译
    ------components文件夹：一般放置非路由组件获取全局组件
    ------icons这个文件夹的里面放置了一些svg矢量图
    ------layout文件夹：他里面放置一些组件与混入
    ------router文件夹：与路由相关的
    -----store文件夹：一定是与vuex先关的
    -----style文件夹：与样式先关的
    ------utils文件夹：工具模块
                      --request.js是axios二次封装文件
                      --permission.js:与导航守卫先关
                      --settings：项目配置项文件
    ------views文件夹：里面放置的是路由组件