本文整理了如何将一些常用的工具整合到项目中。包括 vue-router , vuex , typescript , sass , axios , elementUI，vant，mock配置环境变量等。

提供.vue的语法高亮支持，一个由Vue.js团队的核心成员Pine Wu设计的插件。 此时，我们用 VS Code 打开项目，.vue 的文件是灰色的，这是因为 VS Code 没有 .vue 文件的语法高亮。 所以就需要安装 Vetur 这个插件帮助我们。打开左侧的插件市场…

其实很早之前就想在工程中使用 eslint 和 prettier 来规范代码。可是 eslint 和 prettier 的相爱相杀，再加上框架（vue,react）的特有写法（jsx，template）等等总是让自己开发过程很痛苦，很懵逼，不知所措。所以每次都启用 esint，…

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。 到这一步，编译的时候就能看到eslint报错和警告了，但是还不能实现保存自动格式化功能。 vscode的默认保存格式化功能还是很强大的，还可以再额外安装prettier插件，以优…

想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。…

对于Typescript项目的编码规范而言，主要有两种选择ESLint和TSLint。ESLint不仅能规范js代码，通过配置解析器，也能规范TS代码。此外由于性能问题，TypeScript 官方决定全面采用ESLint，甚至把仓库作为测试平台，而 ESLint 的 TypeS…

由于不同开发者的编辑器设置不同， 故在项目中应当包含 .editorconfig，用来统一配置编辑器的换行、缩进存储格式。 1.3 ESLint + Prettier。 eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettie…

关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。 本文将介绍，如何使用ESLint + Prettier来统一我们的前端代码风格（这里以React项目为例）。 Prettier是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规…

最近入职了新公司，领导让我修复项目中出现的bug，当我修复了bug提交代码的时候发现并没有提交上去而且还给我报了一堆的错误，于是我就发现了原来是在代码commit的时候用eslint去检查了代码，仔细看了看package.json发现gitHooks 在代码pre-commit…