yaoyonstudio / t-vuex-template

Vuex Template

Pre requirement

Environment:

• NodeJS 10+
• Git

Editor:

• Visual Studio Code
• Plugins:
  • Add jsdoc comments
  • Auto Close Tag
  • Auto Rename Tag
  • Beautify
  • Better Comments
  • Debugger for Chrome
  • DotENV
  • EditorConfig for VS Code
  • ESLint
  • GitLens
  • HTML CSS Support
  • IntelliSense for CSS class names in HTML
  • JavaScript (ES6) code snippets
  • JS-CSS-HTML Formatter
  • npm
  • npm Intellisense
  • Prettier - Code formatter
  • vscode-icons
  • vue-jsdoc

Project Structure:

Features

• Vue + Vue Router + Vuex
• Vue Router 路由守卫和基本权限配置
• 环境变量设置(开发环境 + 生产环境)
• 独立常量定义
• 全局 + 模块化 Vuex 配置
• Axios + 请求封装
• SCSS 预处理器
• 全局样式文件 + normalize 样式 + flex 布局样式 + 基础样式
• 布局组件
• 独立 Services
• 全局 Mixins 配置
• vue.config.js 配置
• 第三方 Utils
• Code Snippets
• Mocks 数据
• 错误上报
• Visual Studio Code 编辑器配置
• 浏览器兼容性配置
• 代码美化配置
• eslint 配置
• babel 配置
• postcss 配置
• git 初始化
• gitignore 配置

使用

安装依赖

npm install   // cnpm install // yarn install

启动 mocks 服务

npm run mocks  // yarn mocks

启动应用

npm run serve   // yarn serve

打包应用

npm run build   // yarn build