• 2024-07-02vscode setting.json 设置
    常见配置参考{"editor.fontSize":20,//编辑器字体大小"terminal.integrated.fontSize":18, //terminal框的字体大小"editor.tabSize":2,//Tab的大小2个空格"editor.formatOnSave":true,//保存是格式化"prettier.singleQuote"
  • 2024-07-01前端vue/react通用工程化eslint prettier stylelint husky项目规范(新手入门详细教程)
    前言本文章内的项目基于vite+react+ts搭建,但通篇并未涉及react的东西,所以可以通用。适合新手入门的工程化项目规范,最小化的完成代码规范和git提交规范,开发工具使用vscode。为什么是最小化?本意是为了让大家都能看懂入手这些规范,很多文章中,都长篇进行自定义的配置,其
  • 2024-06-19常用的vscode配置
    {"extensions.autoUpdate":"onlySelectedExtensions","workbench.iconTheme":"material-icon-theme","vsicons.dontShowNewVersionMessage":true,"editor.fontSize":16,"editor.codeAct
  • 2024-06-16如何在 Visual Studio Code 中使用 Prettier 格式化代码
    简介保持代码格式的一致性是一个挑战,但现代开发工具使得可以自动在团队的代码库中保持一致性成为可能。在本文中,您将设置Prettier来自动格式化您在VisualStudioCode中的代码,也被称为VSCode。为了演示目的,这里是您将要格式化的示例代码:constname="James";co
  • 2024-05-31vue3 vite 脚手架生成项目 prettier 自动格式化失败 vscode插件 Vue - Official 解决方案
    vue3vite脚手架生成项目prettier自动格式化失败vscode插件Vue-Official解决方案问题以前写的都是vue2的项目,自动格式化都用的vetur,都设置好了。现在新弄了个vue3的项目,脚手架起的vitevue3,搞个代码格式化,发现prettier没好事。解决思路格式化一共俩工具eslintpret
  • 2024-05-21salesforce零基础学习(一百三十八)零碎知识点小总结(十)
    本篇参考: https://help.salesforce.com/s/articleView?id=release-notes.rn_apex_5level_SOQLqueries.htm&release=250&type=5https://developer.salesforce.com/tools/vscode/en/einstein/einstein-overviewhttps://developer.salesforce.com/tools/vscode/en/user-g
  • 2024-05-19vscode配置格式化工具Prettier
    1,安装Prettier插件2,设置VsCode默认格式化工具为Prettier.1)通过菜单打开设置页面:file/preferences/settings2)设置默认格式化工具为Prettier3,配置默认参数4,保存文件自动格式化 5, 在项目中配置代码规范1)打开官网: Prettier中文网·Prettier是
  • 2024-05-10配置Prettier
    Prettier1,初始化npminstall--save-dev--save-exactprettier2,创建.prettierrc文件node--eval"fs.writeFileSync('.prettierrc','{}\n')"3,创建.prettierignore文件#Ignoreartifacts:buildcoverage4,兼容eslint,安装eslint-config-pre
  • 2024-04-24关于ESLint: Delete `␍`(prettier/prettier) 错误解决方案(3种)
    1.点击VSCode右下角LF/CRLF然后根据弹窗修改成LF即可2.在.eslintrc.cjs中增加配置"rules":{"prettier/prettier":["error",{"endOfLine":"auto"}]}3.关闭git自动转换这个问题是因为Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF;而项目仓库中默认是Linux环
  • 2024-04-23前端vscode配置
    {"window.zoomLevel":1,"liveServer.settings.donotShowInfoMsg":true,"editor.tabSize":2,"editor.tabCompletion":"on","editor.fontSize":16,"git.autofetch":true,"editor.stic
  • 2024-04-15项目搭建基本配置与规范
    项目搭建规范来源于coderwhy一.代码规范1.1.集成editorconfig配置EditorConfig有助于为不同IDE编辑器上处理同一项目的多个开发人员维护一致的编码风格。#http://editorconfig.orgroot=true[*]#表示所有文件适用charset=utf-8#设置文件字符集为utf-8ind
  • 2024-04-11ESLint
    一个检测代码风格的工具debugger,使用代码的方式打断点规则报错可以去eslint官网查看以参照修改插件:eslint配置:在setting.json内输入//ESLint插件配置"editor.codeActionsOnSave":{"source.fixAll":true,},插件:Prettier配置:在setting.json内输入//prettier、esli
  • 2024-04-08解释一下 "*.ts?(x)": [ "prettier --no-error-on-unmatched-pattern --cache --parser=typescr
    这段配置来自于一个项目的构建工具(如ESLint、Gulp、Webpack等)或者是一个任务运行器(如npmscripts、Makefile、gulpfile.js等)中的脚本命令,它通常是在lint-staged、husky等预提交钩子(GitHooks)配置中用来指定对特定类型文件进行格式化的指令。具体来说:"*.ts?(x)":这是一个glob
  • 2024-03-2310分钟带你搭建企业级项目工程化模版
    一个集成了Vite+Vue3+Ts+Eslint+Perttier+Husky+Lintstaged+commitlint+commitizen的模版使用vite脚手架搭建vue基本架构Vitepnpmcreatevite//✔Projectname:…test//✔Selectaframework:›Vue//✔Selectavariant:›TypeScript每当我们编码完成时,
  • 2024-03-08Prettier缩进改制表符等于的空格数
    1.缩进改制表符等于的空格数修改为41.1问题VSCODE中Prettier插件中制表符'\t'默认的空格数为2,而我们一般空格数对应为4,这就导致我们很多时候看着不舒服,如何修改呢?1.2解决方法搜索,设置>Prettier:TabWidth,设置为4即可搜索,设置>Prettier:UseTab,勾选即可2.
  • 2024-02-28解决Prettier格式化使得''单引号自动变为""双引号 / 末尾是否加分号
    1.问题1.单引号/双引号选择问题在编写JavaScript程序过程中,代码规范要求使用''单引号引起字符串等等值,但是由于Prettier默认是双引号,导致不规范2.末尾是否加分号取决于个人采用的规范,我这里是选择加上分号;2.解决都是在setting.json中进行修改,如何打开它呢我们在设置中的
  • 2024-02-26vscode格式
    ctr+shift+P  搜settings.json {"security.workspace.trust.untrustedFiles":"open","vetur.format.options.tabSize":4,"vetur.format.defaultFormatterOptions":{"prettier":{
  • 2024-02-21ssts-hospital-web-master:项目开发规范
    在企业项目开发中,通常由多人一起协作完成开发任务,每个人编写的代码风格可能不统一。为了避免出现问题,一般会制定一些规范来约束整个项目的编码风格,包括编辑器规范、代码格式规范、编写代码规范、Git提交规范、命名规范等。这些规范可以帮助团队保持一致的代码风格,提高代码的可
  • 2024-02-20Vite + Vue3 实现前端项目工程化
    原文地址:https://mp.weixin.qq.com/s/cgiLx6NsoCAnh-mcR5peQgVue3发布至今,周边的生态、技术方案已足够成熟,个人认为新项目是时候切换到Vite+Vue3了。今天就给大家操作一下这种技术方案实现前端工程化。1.初始化项目通过官方脚手架初始化项目第一种方式,这是使用vite命
  • 2024-02-17Angular 17+ 高级教程 – Prettier, ESLint, Stylelint
    前言不熟悉 Prettier,ESLint,Stylelint的朋友可以先看这篇 工具–Prettier、ESLint、Stylelint。本篇主要是教如何在Angular项目引入 Prettier、ESLint、Stylelint。 ESLint       目录上一篇 TODO下一篇TODO想查看目录,请移步 Angular17+高
  • 2024-02-05vscode 配置
    {"workbench.colorTheme":"OneDarkPro","workbench.iconTheme":"material-icon-theme","workbench.productIconTheme":"feather-vscode","files.autoSave":"onFocusChange&quo
  • 2024-01-18一、nextjs如何使项目工程化(c-shopping电商开源)
    欢迎来到本系列文章,这些内容都是从我的开源项目C-Shopping衍生而来的。在这个系列中,我们将深入探讨Next.js和其他技术的各个方面,分享我在开发C-Shopping时积累的见解和最佳实践。如果你发现这些文章有帮助,请考虑在GitHub上为项目点亮一颗星星。你的支持对我来说意义重大,也
  • 2024-01-16初始化一个vite+vue3的前端项目要做的额外的事儿
    添加.editorconfig文件#http://editorconfig.orgroot=true[*]charset=utf-8indent_style=spaceindent_size=4end_of_line=lfinsert_final_newline=truetrim_trailing_whitespace=true[*.md]insert_final_newline=falsetrim_trailing_whitespace
  • 2024-01-14给nuxt3添加 ESLint 和 Prettier
    前言在这篇文章中,我们将介绍ESLint和Prettier,用于在Nuxt3项目中自动设置代码样式格式。配置自动设置代码样式有这些好处:一致性:自动执行某种风格。特别是在代码审查中避免吹毛求疵的论点。节省时间:无需手动格式化代码。代码质量:捕捉代码中的潜在问题,例如语法错误和编码风格
  • 2024-01-10vscode设置vue3代码格式化
    下载插件可以使用Volar或Prettier  设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prettier默认