StyleLint

Vue3+Ts+Vite项目全局配置Element-Plus主题色

2.1/src/styles下新建element-plus.scss文件2.2引入颜色配置文件2.3我的目录结构三、vite.config.ts中配置四、总结五、系列专栏文章链接第一篇：[配置husky、stylelint
礼貌而已·2023-08-12 16:46

git 提交报错eslint --fix found some errors. Please fix them and try committing again...

git提交时由于eslint的检测机制报错：npmrunlint-staged:jsfoundsomeerrorsgit提交时报了两条错误：1、stylelint--syntaxlessfoundsomeerrors.Pleasefixthemandtrycommittingagain2
IT博客技术分享·2023-08-12 12:03

为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）

因历史遗留原因，接手的项目没有代码提醒/格式化，包括eslint、pretttier，也没有commit提交校验，如husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺
一颗冰淇淋·2023-08-06 22:48

vue项目开发之样式篇——postcss插件

postcss-partial-import3.postcss-px-to-viewport（移动端适配方案）☆☆☆4.autoprefixer5.precss6.postcss-cssnext7.postcss-modules8.stylelint9
MoYoon·2023-08-05 16:16

硅谷甄选【项目构建笔记】

目录二、搭建后台管理系统模块2.配置prettier【保证代码的美观】3.配置stylelint1.我们的项目中使用scss作为预处理器，安装以下依赖：2..stylelintrc.cjs配置文件.stylelintrc.cjs
婷宝_知萌·2023-07-30 03:27

git提交代码报styleLint错误的3种解决方案

git提交代码报styleLint错误的3种解决方案报错日志解决方案1解决方案2解决方案3报错日志解决方案1删xxx项目/.git/hooks里面的pre-commit文件。
码上暴富·2023-07-23 21:24

前端测试框架Jest入门总结

背景及原理为了降低上线的bug，使用TypeScript，Flow,Eslint,StyleLint这些工具可以实现。前端自动化测试工具普及情况不是很好。测试分为单元测试，集成测试和端到端测试。
原地敲码·2023-07-22 16:14

项目的使用规范

初始化项目vscode里下好插件：eslint，prettier，stylelint官网模版创建项目：pnpmcreatevitereact-starter\--templatereact-swc-ts
Yxj-5211314·2023-07-18 10:06

Nuxt.js：用 Vue.js 打造服务端渲染应用程序

是什么Nuxt.js的历史和发展Nuxt.js的特点和优势1.服务端渲染2.自动生成路由3.静态文件服务4.异步数据加载5.基于Webpack的构建系统6.支持模块化的Vue组件7.可定制的ESLint与StyleLint8
阿珊和她的猫·2023-06-14 14:51

vue3-实战-01-管理后台项目初始化和项目配置

目录1-项目初始化1.1-环境准备1.2-项目初始化2-项目配置2.1-eslint配置2.2-配置prettier2.3-配置stylelint2.4-配置husky2.5-配置commitlint2.6
ycmy2017·2023-06-09 09:56

【Vue3+TS项目】硅谷甄选day02--后台管理系统模板搭建/项目配置

1项目初始化一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范
鱼仔是个NaN·2023-06-09 00:00

搭建后台管理系统模板(v3+ts+vite)

eslintrc.cjs配置文件.eslintignore忽略文件1.4运行脚本二、配置prettier2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint3.1
前端 贾公子·2023-06-08 14:13

尚硅谷甄选

一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用
宁然也·2023-06-08 00:34

ESlint + Stylelint + VSCode自动格式化代码(2023)

eslint格式化代码本文用Vue项目做示范。安装插件ESLint，然后File->Preference->Settings（如果装了中文插件包应该是文件->选项->设置），搜索eslint，点击Editinsetting.json将以下选项添加到配置文件"editor.codeActionsOnSave":{"source.fixAll":true,},"eslint.validate":["j
·2023-06-06 21:13

学会 制作极简搜索浏览器 —— 并将 ChatGPT 接入浏览器

前期回顾Vue3+Ts+Vite+pnpm项目中集成——eslint、prettier、stylelint、husky、commitizen_0.活在风浪里的博客-CSDN博客搭建VIte+Ts+Vue3
0.活在风浪里·2023-04-20 12:39

如何使用Vite4+Vue3+TypeScript+Pinia+ESLint+StyleLint 记录项目配置过程和代码

本文将介绍如何搭建一个使用Vite4、Vue3、TypeScript、Pinia、ESLint和StyleLint的项目，并提供相应的代码。
三拾老师·2023-04-13 14:19

React 项目中引入 Stylelint 做样式表代码规范

在团队协作开发项目的时候，我们会必不可少的需要写一些css样式表。css虽然不算严格的编程语言，但它在前端开发体系中却占据着重要地位。css样式表若是写的混乱没有规则，那么对于团队其他成员或后来者或维护者一定是一个令人头痛的问题，尤其是具有代码强迫症的人群。因此写出一手漂亮的，有规则的css样式表就显得极为重要。我们知道在React项目中引入TSLint做代码规范这篇文章中介绍了如何使用TSLin
喜酉·2023-04-12 13:10

stylelint执行插件的全过程

stylelint可以用来扩展插件去实现各种规则，接下来带大家看看stylelint是如何执行插件的首先遍历absoluteFilePaths路径（该路径是我们执行lint命令配置的文件类型eslint
Young soul2·2023-04-09 05:54

vscode

lintereslint"eslint.autoFixOnSave":true,//保存时默认开启"eslint.validate":[//对哪些文件进行eslint检查"javascript","javascriptreact","vue","html"]stylelint"stylelint.additionalDocumentSelectors
多喝凉开水·2023-04-06 11:07

vite+vue3+ts+eslint+prettier+stylelint+husky+jest搭建项目

文章目录1.vite1.02.vite2.03.引入typescript配置jsx支持4.加入vue-router、pinia，并实现pinia持久化5.按需引入vant、移动端适配rem5.（推荐）另一种方式按需引入vant,自动引入vue、vue-router、hooks5.1按需引入组件5.2自动引入vue/vue-router/hooks等6.配置eslint、prettier7.配置st
huoyou123·2023-04-05 07:30

Vite+Vue3项目集成ESLint+Prettier+Stylelint+Husky让项目规范起来

本篇文章将带大家使用ESLint+Prettier+Stylelint+Husky从零搭建一个Vite+Vue3项目ESlintESLint是在ECMAScript/JavaScript代码中识别和报告模式匹配的工具
Web_boom·2023-04-05 07:38

Vue3 + Ts + Vite + pnpm 项目中集成 —— eslint 、prettier、stylelint、husky

前期回顾Vue项目实战——后台管理系统(pc端)——Pro最终版本_0.活在风浪里的博客-CSDN博客通用开源后台管理系统https://blog.csdn.net/m0_57904695/article/details/129730440?spm=1001.2014.3001.5501你把vite打包玩明白_0.活在风浪里的博客-CSDN博客webpack打包看这里（移动端打包）一步一步,一步从
0.活在风浪里·2023-04-05 07:36

搭建规范的前端项目工程，husky eslint prettier stylelint commitlint commitizen

Vue3+TypeScript+Vite搭建huskyeslintprettiercommitlintcommitizen规范的项目一、安装eslintnpmieslint-D执行初始化npxeslint--init按步骤走完[图片上传失败...(image-a6e2-1680267204631)]会生成.eslintrc文件生成的eslintrc配置需要改一下，不然vue文件会报Parsinge
xxsjan·2023-03-31 20:38

vscode + vite + vue3 + ts + eslint + stylelint 代码自动格式化

使用vite创建的vue3项目有点简陋，很多功能都没有。所以本文将讲解一下如何对vite+vue3项目配置代码自动格式化。配置完成后的效果如下图所示：安装VSCode插件打开VSCode，安装以下插件：eslintstylelintvolar打开VSCode配置文件（Maccommand+shift+p，windowsctrl+shift+p，输入settings）。在配置文件中加入以下代码："e
IT娜娜·2023-03-29 20:49

vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint

目的：项目投入使用发现很多使用起来不舒服的地方，进行优化注意!!!：最新的一次创建项目运行时候以及配置eslint部分出现了许多问题，可以结合最新的一篇vite+vue+ssg做官网再记录一下项目创建结合起来查看是否有你遇到的问题前提：在上一篇vite+vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。结果：最终代码放到gitee这里的relea
云鹤道人张业斌·2023-03-20 10:55

vite + vue3多页面配置记录references,loadEnv等

多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的，现在对比一下vite感受一下极速开发体验增：下一篇vite+vue3多页面实战优化续集：eslint+lint-staged+husky+stylelint
云鹤道人张业斌·2023-03-17 12:19

前端代码格式自动化处理：eslint + stylelint + prettier

前端项目开发过程中，由于团队成员每个人的开发习惯和代码风格不同，最终提交到git仓库的代码格式不统一对团队间的协作产生阻碍，因此使用工具来自动和强制统一代码格式是一个好的选择。GitHooks为了保证提交到git仓库的代码是整洁、格式统一的，通常需要使用GitHooks。GitHooks是在git操作的某些时机自动执行的一些脚本，常见的GitHooks如pre-commit、post-merge、
拂云枝·2023-03-15 17:45

在 react 项目中加 eslint，stylelint

eslint1.需要安装的依赖npminstall-Deslinteslint-loadereslint-friendly-formattereslint-plugin-babelnpminstall-Dbabel-eslinteslint-plugin-htmleslint-plugin-importeslint-plugin-promiseeslint-plugin-nodeeslint-co
mn_li·2023-03-11 14:38

Postcss 运用以及原理解析

本文目标：掌握postcss的使用自定义postcss插件掌握stylelint的使用自定义stylelintrule扩展cssparser解释器1.postcss是什么在聊postcss之前，我们需要知道什
菜鸡前端·2023-02-18 14:13

VSCode插件推荐——stylelint和Vue代码提示插件

安装和使用步骤1、在工程里安装stylelint。同时推荐安装stylelint-config-standard和stylelint-webpack-plugin。
belllee·2023-02-04 21:55

PostCSS 处理 loader（附带：添加 css3 前缀）

PostCSS是一个CSS的预处理工具，可以帮助我们：给CSS3的属性添加前缀，样式格式校验（stylelint），提前使用css的新特性比如：表格布局，更重要的是可以实现CSS的模块化，防止CSS样式冲突
最底层的技术渣·2023-02-04 06:46

vscode编辑器统一配置规范

一、vscode必装插件1、eslint：代码校验2、stylelint：样式代码校验3、GitLens：代码编辑历史人员信息4、GitHistory：当前版本与上一版本代码比对5、Vetur：vue项目插件
唐_亮·2023-01-27 06:30

前端项目中代码格式化配置：eslint + prettier + stylelint + pre-commit

前端项目代码格式化配置：eslint+prettier+stylelint+pre-commit目标：eslint进行代码质量检测统一编码风格，代码自动格式化css规范提交代码自动检测和修复eslintESLint
墨语轩·2022-12-30 15:36

如何结合整洁架构和MVP模式提升前端开发体验（三） - 项目工程化配置、规范篇

工程化配置还是开发体验的问题，跟开发体验有关的项目配置无非就是使用eslint、prettier、stylelint统一代码风格。
·2022-12-29 11:16

ESLint + StyleLint + Prettier + VSCode 打造最优雅的前端开发体验

ESLint+StyleLint+Prettier+VSCode打造最优雅的前端开发体验引言对于一个成熟的前端团队，统一的编码规范和提交规范尤其重要。
前端蜗牛君·2022-12-24 01:11

eslint stylelint 报错处理汇总

eslintstylelint报错处理汇总问题Error:Allinputfileswereignoredbecauseoftheignorepattern.Eitherchangeyourinput,ignorepatternoruse"--allow-empty-input"toallownoinputs有时候提交代码的时候会有下面报错Error:Allinputfileswereignore
日不落000·2022-11-25 00:14

详解从零搭建企业级 vue3 + vite2+ ts4 框架全过程

关注公众号回复1，加入高级Node交流群本文不仅仅是搭建个脚手架这么简单，还会带你了解每一步、甚至每一个配置项的作用，和每个配置的知识点涉及到的知识点：Vue3、Vite、TypeScript、ESlint、Stylelint
傲娇的koala·2022-10-10 17:26

如何结合整洁架构和MVP模式提升前端开发体验（三） - 项目工程化配置、规范篇

工程化配置还是开发体验的问题，跟开发体验有关的项目配置无非就是使用eslint、prettier、stylelint统一代码风格。
·2022-09-09 00:04

如何结合整洁架构和MVP模式提升前端开发体验（三） - 项目工程化配置、规范篇

工程化配置还是开发体验的问题，跟开发体验有关的项目配置无非就是使用eslint、prettier、stylelint统一代码风格。
若邪·2022-09-07 23:00

组件库代码规范husky+lint-staged+Eslint+Prettier+Stylelint

Git规范组件库是一个多人协作的项目，Git的提交说明精准，在后期协作以及Bug处理时会变得有据可查，项目的开发可以根据规范的提交说明快速生成开发日志，从而方便开发者或用户追踪项目的开发信息和功能特性。提交规范使用的是Angular团队规范commitmessage提交符合Angular团队规范，需要在comit之前做校验，husky工具可以定义拦截git钩子，对提交的文件和信息做校验和自动修复h
·2022-08-26 11:46

组件库代码规范husky+lint-staged+Eslint+Prettier+Stylelint

Git规范组件库是一个多人协作的项目，Git的提交说明精准，在后期协作以及Bug处理时会变得有据可查，项目的开发可以根据规范的提交说明快速生成开发日志，从而方便开发者或用户追踪项目的开发信息和功能特性。提交规范使用的是Angular团队规范commitmessage提交符合Angular团队规范，需要在comit之前做校验，husky工具可以定义拦截git钩子，对提交的文件和信息做校验和自动修复h
JefferyXIE·2022-08-26 10:11

PostCss

[扩展]postcss-import9.stylelint一、PostCss本节课的内容和webpack无关！！！1.什么是
飞羽逐星·2022-08-15 00:37

webpack4 enrty,output,library,babel7,publicPath,SplitChunks,多页面,postcss,eslint,stylelint,gzip

1.安装npminit-y//生成默认的package.json文件npmiwebpackwebpack-cli--save-dev//安装在devDependencies依赖里面2.默认配置文件webpack.config.js./node_modules/.bin/webpack//运行此指令，没有指令配置文件，默认是webpack.config.js//没有设置npm指令，直接调用依赖里面的
litter_lj·2022-08-15 00:02

postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用

目录使用postcss使用插件autoprefixer配置文件postcss.config.js使用插件postcss-preset-env使用stylelint使用插件stylelint使用插件postcss-pxtorem
彭世瑜·2022-08-15 00:50

React项目配置prettier和eslint的方法

目录配置prettier和eslint配置stylelint保存自动修复参考视频:https://www.bilibili.com/video/BV1rh411e7E5?
·2022-08-01 12:30

vscode+CRA+TypeScript+eslint+prettier+stylelint+husky+lint-staged完整版配置

最近在做一个react项目，需要统一和规范代码风格，并且实现git管理，规范提交。所以基于CRA脚手架搭建项目整体框架，并自定义配置相关需求。CRA在目标文件夹下打开cmd，项目使用ts开发，输入：npxcreate-react-appmy-app--templatetypescript安装成功会提示happyhacking，并且会产生相应文件夹。打开package.json文件可以看到已安装的依
eynoZzzzc·2022-07-28 08:46

Pycharm里加载CSS文件

这玩意儿整了我一两个小时--1.下node.js2.不要去github里下载stylelint直接命令行cd到自己电脑里node的node_moudles文件夹下，我的电脑是D:\nodejs\node_modules
z754916067·2022-07-21 18:52

vue规范

一、代码规范1.1IDE插件使用VisualStudioCode编译器，下载ESLint、Prettier-Codeformatter、Stylelint插件点击编译器左上角文件>首选项>设置>右上角编辑
疑似故人归去·2022-06-10 23:08

从零搭建一个vite+vue3+ts规范基础项目(搭建过程问题小结)

目录项目初始化安装router和pinia安装ESlinteslint的vue规则需要切换安装prettier安装stylelint安装husky安装commitlint总结参考：最近时间总算是闲了下来
·2022-05-30 12:27

vue3+ts+vite 问题汇总-stylelint14配置（6）

stylelint官网地址：https://stylelint.docschina.org/1、好处css的书写顺序很重要，会影响浏览器的渲染。正确的书写可以减少浏览器的回流，提升浏览器的dom渲染。
·2022-03-25 15:06
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他