【Vue-elemont-admin】项目环境和目录文件介绍

一、项目安装

安装命令:npm install

如果安装失败,可以采用: npm install -g cnpm --registry=https://registry.npm.taobao.org

一、项目环境搭建
1.1 安装启动
安装cnpm来解决依赖安装失败问题,安装完之后,可以使用cnpm install安装已有或新增加的依赖.

一是可以成功安装外网上的依赖(仓库在国内),
二是速度更快 cnpm安装如下: npm install -g cnpm --registry=https://registry.npm.taobao.org
npm run dev #启动开发模式的服务
1.2项目目录结构
├── build # 构建相关
├── mock # 项目mock 模拟数据
├── public # 静态资源
│ │── favicon.ico # favicon图标
│ └── index.html # html模板
├── src # 源代码
│ ├── api # 所有请求,【数据接口调用】用户和权限的控制
│ ├── assets # 主题 字体等静态资源
│ ├── components # 全局公用组件
│ ├── icons # 项目所有 svg icons
│ ├── layout # 全局 layout
│ ├── router # 路由
│ ├── store # 全局 store管理
│ ├── styles # 全局样式
│ ├── utils # 全局公用方法,第三方插件
│ ├── vendor # 公用vendor
│ ├── views # views 所有页面
│ ├── App.vue # 入口页面
│ ├── main.js # 入口文件 加载组件 初始化等
│ └── permission.js # 权限管理
│ └── settings.js # 配置文件
├── tests # 测试
├── .env.xxx # 环境变量配置
├── .eslintrc.js # eslint 配置项
├── .babelrc # babel-loader 配置
├── .travis.yml # 自动化CI配置
├── vue.config.js # vue-cli 配置
├── postcss.config.js # postcss 配置
└── package.json # package.json
 

猜你喜欢

转载自blog.csdn.net/dxnn520/article/details/131379853