ESLint不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。可能在早期建立项目的时候，因为一些原因没有引入eslint、单元测试等，随着项目开发，更多的小伙伴加入进来，每个人的编码风格远近高低各不同，后续自己或他人进行维护他人的代码时，会变得很棘手。就最基本的缩进、字段类型、参数函数命名方式（驼峰底杠）等可能都会让其他维护人员抓狂。以
项目(vue3)中添加husky、eslint、prettier , 自动格式化代码， 保姆级教学。日常开发中，项目基本上都是由多个人进行开发和维护，每个人的代码书写习惯和风格又不尽相同，commit log也是乱七八糟，为以后的开发和维护增添了很多困难。所以，规范和约束在多人协作下，就显得尤为重要。首先安装代码检查工具Eslintnpm i eslint -DEslint 安装成功后，在项目根目
转载
2024-03-06 21:40:37
592阅读
目录node.js下载慢的解决方法1.ESlint2.组件的定义和使用3.组件间通信--3.1组件间通信1--通过props：----3.1.1数据发送方----3.1.2数据接收方----3.1.3注意--3.2组件间通信2：vue自定义事件----3.2.1父组件：----3.2.2子组件：--3.3组件间通信3：消息订阅与发布（PubSubJS库）--3.4组件间通信4：slot（插槽）--
转载
2024-06-25 14:01:48
229阅读
【简易教程】基于Vue-cli使用eslint指南插件安装首先在vscode插件中搜索eslint和prettier。啥也不管，这俩必须得装。插件简介vscode插件库里的eslint是用来在你写代码的时候就直接给你报错。（vue-cli中的eslint是在浏览器中报错）prettier是代码格式化插件，用来辅助eslint，否则你调了花半天，一格式化全没有。实战演练# 创建一个vue项目 vue
转载
2024-05-28 14:48:00
361阅读
首先先说明，eslint的配置可能在package.json中，也可能是根目录下的.eslintrc.js文件(如下图)，这完全取决于创建项目时eslint是选择单独配置还是in package.json1-vue3的eslint配置写在package.json中，以下是eslint的默认配置"eslintConfig": {
"root": true,
"env": {
转载
2024-06-27 16:45:13
871阅读
很多同学都非常不习惯eslint,这里为大家介绍一下eslint 一些语法规范还有一些配置项 很多同学都应该关注如何修改缩进标准，代码常常因为缩进标准而报错，那可以自己定义rule规则来设置自己方便的缩进标准 在rule添加 第二个参数就代表缩进的空格数 tab 就是一个tab的距离 根据不同的编辑器tab有不同的标准，可以自己定义一下。
转载
2024-04-28 17:11:08
135阅读
目录.eslintrc.js 配置.stylelintrc.js 配置.prettierrc 配置settings.json 配置eslint-plugin-vue 可用规则Base RulesPriority A: Essential (Vue3.x)Priority B: Strongly Recommended (Vue3.x)Priority C: Recommended (Vue3.x
一、前言：Vue3和Vue2对比：性能提升：Vue3这个框架将Vue全部重构了。新的框架。底层采用TS来进行重构，性能提升能达到100%对TS的支持，Vue3底层默认采用TS进行开发。我们Vue开发过程中，一般也会默认结合TS来使用Vue3目前创建项目采用了新的打包工具，vite工具（xxx）团队他们自己发布的一个打包。目标干掉webpack新增了组合式api和响应式api进行开发（hook编程）
uni-app 在发布到H5时支持所有vue的语法；发布到App和小程序时，由于平台限制，无法实现全部vue语法，但uni-app仍是是对vue语法支持度最高的跨端框架。本文将详细讲解差异。相比Web平台， Vue.js 在 uni-app 中使用差异主要集中在两个方面：新增：uni-app除了支持Vue实例的生命周期，还支持应用启动、页面显示等生
转载
2024-09-01 22:53:44
229阅读
很久没有写vue的项目，近期加入了教育疫情项目的开发，重新启用vue，这里就vue代码自动修复环境的安装，以及可能遇到的vscode安装的插件：ESlint, Vetur, eslint-plugin-html (全局安装){
"window.zoomLevel": 0,
"terminal.integrated.rendererType": "dom",
"ed
转载
2024-06-14 16:58:24
136阅读
作者：前端阿飞 要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！#为 props 标注类型#使用 <script setup>
本文主要分享一个项目的规范约束从0到1的流程，从通过vue-cli创建项目，到团队协作插件安装（husky、eslint、commitlint、prettier等）
目录1，前言2，创建项目2，安装vue全家桶3，配置prettier4，配置eslint5，配置husky + git钩子6，配置commitlint6.1，配置commitlint格式检查
vue eslint简要配置1. 修改rules2. eslintConfig说明2.1 关闭eslint(方案1)2.2 关闭eslint(方案2)3. eslint 规则配置说明3.1 规则值3.2 规则参数 在前端开发过程中，难免习惯了 console.log。 但是刚入门vue时，基于vue-cli 3.x，运行时终端老抛出error。一看信息，发现是不能使用console.log，另
转载
2024-06-14 20:33:31
1495阅读
初始化 Element PlusElement Plus 是针对 Vue 3 的 Element UI 升级版。安装和配置自动按需导入# 安装
npm install element-plus --save建议使用按需导入，官方推荐使用 unplugin-vue-components 和 unplugin-auto-import这两款插件实现自动导入，来弥补按需导入的一些缺点（手动注册组件等）。#
Vue3 中是否仍然需要 Vue Store？对我来说答案是 否定 的！原因如下所示。
为何不应该使用 Vuex如果还不了解 Vuex ，可以在此找到更多相关信息：vuex.vuejs.org/。简单来说，Vuex 是 Vue 的状态管理插件。提供了开箱即用的响应式功能，并且它很好的集成到了 Vue 开发者工具中。在广泛使用 Vuex 后，我不得不说它真的不讨
“不以规矩，不能成方圆”。有时候我们很任性，每个人都有自己的风格，但是团队意识中，如果按个性行事，降低的只有效率，所以我们要有一定的规则惊醒检验，从而达到效率化、质量化。下面我们谈谈Vue中ESlint配置文件.eslintrc文件：官网：ESlint检验规则vue cli拉取下面模板添加ESlint检验规则时会默认添加相对应的检验规则的。module.exports = {
root: tr
转载
2024-07-03 08:32:12
748阅读
点赞
使用 vue-cli 创建项目时开启了 eslint 检测，部分功能复用以前的代码，但是之前代码并没有严格按照Eslint的规则进行格式化的，那么问题来了。手动一个个改不是我们的风格，怎么实现自动化也是我们的风格。百度出来很多相关文章，研究了很久，并没有完美解决这个问题的。接下来开始解决问题 安装vscode插件: Eslint 、Vetur、 Prettier(这个插件其实很坑，最终没使用)、M
转载
2024-04-29 14:20:23
28阅读
新建vue config.js配置文件module.exports = {
publicPath: './', //项目打包文件为路径为：./ 相对路径 , / 绝对路径
outputDir: 'dist', //输出文件目录：在npm run build时，生成文件的目录名称
assetsDir: "assets", //放置生成的静态资源 (js、css、img、fonts) 的目录
VUE-CLI3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误最奇怪的是竟然HTML也被抛出警告了，虽然没有影响项目的运行，但是强迫症还是决定修改一下error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:
1 error found.
1 error potent
一. Eslint配置代码风格配置文件.eslintrc.cjs(1). prettier 风格配 https://prettier.io ①. 单引号 &n
转载
2024-10-11 12:37:09
185阅读
