You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3.0 KiB
3.0 KiB
Build Setup
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev #pc版
浏览器访问 http://localhost:8080
src
# 接口
api
# 静态资源
assets
--- setting-drawer #主题设置
# 自定义组件
components
--- Hamburger #展开与收起侧边导航组件
--- settingDrawer #主题设置组件
--- svgIcon #svg图标
# 图标
icons #默认图标
---svg #存放所有svg图标
---index.js #svg图标配置文件
---svgo.yml #svg图标配置文件
# layout
layout
--- components #组件
--- domain #顶部导航功能区域
--- horizontalMenu #水平导航菜单
--- vertivalMenu #垂直导航菜单
--- item
--- link
--- logo
--- sidebarItem
--- layout #布局
--- index #入口文件
# 全局插件
plugins
--- component.js #全局组件注册
--- index.js #入口文件
--- prototype.js #全局通用挂载
--- winbox-ui.js #Winbox组件库注册
# 路由
router
#vuex
store
# 全局样式
styles
--- common #通用
--- layout #布局样式
--- themes #主题样式
--- winbox-ui #组件库样式
--- global.less #全局样式
--- index.less #主题入口文件
--- variable.less #全局主题变量
# 工具集
utils
--- auth.js
--- axiosCancel.js #请求取消封装
--- axiosStatus.js #请求状态封装
--- common.js #全局通用js方法
--- filters.js #全局过滤器
--- get-page-title
--- request #axios请求封装
--- validata.js #数据校验
# 视图
views
#入口文件
main.js
# 路由拦截
permission.js
# title、布局设置
settings.js
--- showSettings #是否显示主题配置图标
--- fixedHeader #layout头部是否固定
--- sidebarLogo #是否显示侧边导航logo
--- title #网站Title
--- sidebarWidth #侧边导航宽度
--- navbarHeight #顶部导航高度
#编辑器配置
.editorconfig
#开发环境地址配置
.env.development
#生产环境地址配置
.env.production
#eslint忽略文件
.eslintignore
#eslint配置文件
.eslintrc.js
#git忽略文件
.gitignore
#代码格式化
.prettierrc.js
#.stylelintrc配置文件
.stylelintrc.js
#Babel配置文件
babel.config.js
#自动化构建脚本(构建Winbox 组件库主题文件)
gulpfile.js
#依赖包
package.json
#适配转化配置文件
postcss.config.js
#webpack配置文件
vue.config.js
发布
# 构建生产环境
npm run build:prod #pc版
其它
# 预览发布环境效果
npm run preview
# svg图标压缩
npm run svgo
# es代码格式检查
npm run lint:es
# style代码格式检查
npm run lint:style
# Winbox 组件库主题配置文件生成
npm run gulp:css
# 版本发布
npm run release
更多信息请参考