Vue2+Vue-router2+Vuex+Webpack+Axios+jwt
采用官方Vuecli脚手架初始项目
目的：一步一步完善项目架构、添加常用组件、代码约束规范、添加常用第三方组件，使之能方便快速构建适合团队开发的项目架构。
下载：gitclonehttps://github.com/liuweijw/Vue2-All.git
切换目录cdVue2-All
安装依赖到本地npminstall
运行npmrundev
本地浏览器查看运行效果https://localhost:8080
发布运行命令npmrunbuild
检查且规范代码npmrunlint
查看项目分析npmrunbuild--report
单元测试npmrununit
学习知识1、nodejsdocsfornodejs
2、webpackguide
3、vue2guide
4、vue-loaderdocsforvue-loader
5、vuexguide
vue-devtools很方便的查看vuex，安装方法guide6、es6guide
7、网络请求封装axiosguide
8、权限控制jwt后台配合springboot工程
jwt不需要的可以跳过开发工具1、gitguide
2、vscodeguide
vscodeplugininstallguide开发规范vscode开发环境配置更好的匹配eslint规则定义，方便快速开发、修复问题。用户设置如下：{//自动保存"files.autoSave":"onFocusChange",//tab自动缩进2个空格"editor.tabSize":2,//打开同类多个文件"workbench.editor.enablePreview":false,//Turnsautofixonsaveonoroff."eslint.autoFixOnSave":true,//启用后，保存文件时在文件末尾插入一个最终新行。"files.insertFinalNewline":true,//启用后，将在保存文件时剪裁尾随空格。"files.trimTrailingWhitespace":true,//采用atomkey风格"atomKeymap.promptV3Features":true,"editor.multiCursorModifier":"ctrlCmd","editor.formatOnPaste":true,//theme"workbench.colorTheme":"OneDarkPro","workbench.iconTheme":"vscode-icons"}Eslint规范定义点击查看介绍更多的可以自行配置项目待完成集成weex搭建weex-android和weex-ios搭建demo工程项目更新说明2017-12-21初始化项目提交2017-12-25完成Vue2+Vue-router2+Vuex+Webpack+Axios集成并且配合服务端调试OK2017-12-26至2017-12-31集成jwt并且完成权限验证、路由、登录、登出等功能调试OK。问题和描述使用Visualbuild软件的时候，编译05版本的VS项目，报错：errorMSB3428:未能加载VisualC++组建"VCBuild.exe"。要解决此问题，1）安装.NETFramework2.0SDK；2）安装MicrosoftVisualStudio2005；3）如果将该组件安装到了其他位置，请讲其位置添加到系统路径中；
此问题解决：npminstall--global--productionwindows-build-tools（全局安装windows构建工具）
评论