Vue 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

Features

  • Vue + Vue Router
  • 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