第三方库
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文件夹:里面放置的是路由组件