Repository files navigation

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

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

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

下载：git clonehttps://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、nodejsdocs for nodejs

2、webpackguide

3、vue2guide

4、vue-loaderdocs for vue-loader

5、vuexguide

• vue-devtools 很方便的查看vuex，安装方法guide

6、es6guide

7、网络请求封装 axiosguide

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

• jwt 不需要的可以跳过

1、gitguide

2、vscodeguide

• vscode plugin installguide

• vscode 开发环境配置更好的匹配eslint规则定义，方便快速开发、修复问题。 用户设置如下：

{    // 自动保存    "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"}

• Eslint 规范定义点击查看介绍 更多的可以自行配置

• 集成weex
• 搭建weex-android 和 weex-ios
• 搭建demo工程

• 2017-12-21 初始化项目提交
• 2017-12-25 完成Vue2 + Vue-router2 + Vuex + Webpack + Axios 集成并且配合服务端调试OK
• 2017-12-26 至 2017-12-31 集成jwt 并且完成权限验证、路由、登录、登出等功能调试OK。

• 使用Visual build软件的时候，编译05版本的VS项目，报错：error MSB3428: 未能加载Visual C++组建"VCBuild.exe"。要解决此问题，1）安装.NET Framework 2.0 SDK；2）安装Microsoft Visual Studio 2005；3）如果将该组件安装到了其他位置，请讲其位置添加到系统路径中；

• 此问题解决： npm install --global --production windows-build-tools （全局安装windows构建工具）