Home

Awesome

Vue2-All

Vue2 + Vue-router2 + Vuex + Webpack + Axios + jwt

采用官方Vue cli脚手架初始项目

目的：一步一步完善项目架构、添加常用组件、代码约束规范、添加常用第三方组件，使之能方便快速构建适合团队开发的项目架构。

下载：git clone https://github.com/liuweijw/Vue2-All.git

切换目录 cd Vue2-All

安装依赖到本地 npm install

运行 npm run dev

本地浏览器查看运行效果 http://localhost:8080

发布运行命令 npm run build

检查且规范代码 npm run lint

查看项目分析 npm run build --report

单元测试 npm run unit

学习知识

1、nodejs docs for nodejs

2、webpack guide

3、vue2 guide

4、vue-loader docs for vue-loader

5、vuex guide

6、es6 guide

7、网络请求封装 axios guide

8、权限控制 jwt 后台配合springboot工程

开发工具

1、git guide

2、vscode guide

开发规范

{
    // 自动保存
    "files.autoSave": "onFocusChange",
    // tab 自动缩进2个空格
    "editor.tabSize": 2,
    // 打开同类多个文件
    "workbench.editor.enablePreview": false,
    // Turns auto fix on save on or off.
    "eslint.autoFixOnSave": true,
    // 启用后，保存文件时在文件末尾插入一个最终新行。
    "files.insertFinalNewline": true,
    // 启用后，将在保存文件时剪裁尾随空格。
    "files.trimTrailingWhitespace": true,
    // 采用 atom key 风格
    "atomKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    // theme
    "workbench.colorTheme": "One Dark Pro",
    "workbench.iconTheme": "vscode-icons"
}

项目待完成

项目更新说明

问题和描述