vue项目中使用Ts+Prettier常见报错

最新推荐文章于 2024-03-26 19:56:01 发布
最新推荐文章于 2024-03-26 19:56:01 发布
阅读量385 收藏
点赞数
文章标签： python java vue react bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yixiancheng/article/details/118781166
版权 
一直报错：Delete `··`

解决方法：

  1. ctrl+shift+p
  2. 打开首选项json
  3. 添加："prettier.endOfLine": "crlf",

报错：warning  Delete `␍`

解决方法：

  1. vscode下方有一个CRLF
  2. 点击，在弹出窗口选择LF
  3. 重新格式化即可
yixiancheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
prettier 错误
qq_27009517的博客
02-08 1736
28:27 warning Delete `␍` prettier/prettier 29:13 warning Delete `␍` prettier/prettier 30:1 warning Replace `······</div>␍` with `········</div>` prettier/pret...
vue项目中使用eslint+prettier规范与检查代码的方法
10-15
主要介绍了vue项目中使用eslint+prettier规范与检查代码的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue3+TS项目，eslint、prettier安装配置
最新发布
puzzle_c的博客
03-26 573
eslint的作用主要为：可以规范团队的代码风格。在实际项目中，团队的每个成员的编码习惯都不同，这极有可能造成，一个项目多个代码风格，这会造成代码阅读困难，后期维护难度大灯问题，这就需要配置下eslint。接下来会有弹出一些问题，可根据自身项目情况进行回答，期间会询问是否需要安装相应插件，y->回车。会在项目根目录下生成.eslintrc.cjs文件，然后对项目进行自己需要的。然后配置下package.json中的启动命令，这样便可以执行。提示我未安装eslint，按y，回车安装。来进行自动格式化代码。
error Delete `␍` prettier/prettier【多种方法】
qq_22841387的博客
03-08 1万+
出错情况 解决方法 点击异常右下角的CRLF即可 在弹出的窗口选择LF 再重新保存一次，OK~
ESlint系列之针对Prettier配置导致的错误提示的解决办法
老__L的博客
12-18 3971
针对Prettier配置导致的错误提示的解决办法
vue-cli创建项目运行时prettier报错 最全解决办法
IreneChenLovePy的博客
05-20 3103
windows系统 新手使用vue-cli创建项目时，可能会遇到的问题
详解如何在vue项目中使用eslint+prettier格式化代码
01-19
今天给大家介绍如何使用eslint+prettier统一代码风格。 对于eslint大家应该比较了解了，是用来校验代码规范的。给大家介绍下prettier,prettier是用来统一代码风格，格式化代码的，支持js、ts、css、less、scss、json...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
windows 下代码换行符问题、windows下如何将代码全部从CRLF变成LF
止水聊技术
07-05 7268
默认的换行符在各操作系统下是不一致的，Windows 是 CRLF（’\r\n’），Mac、Linux是 LF（’\n’）。 在一些项目中，会严格限制换行符，比如在项目根目录下 .editorconfig 中设置 end_of_line = lf，当你在 Mac 下开发之后，在 Windows 上 clone 代码时， git 会自动将换行变更为系统默认的换行（’\r\n’），而且还是项目级别的。...
vite+ts+vue3项目初始化 -- eslint+prettier代码格式化
weixin_43993776的博客
08-29 464
【代码】vite+ts+vue3项目初始化。
【Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化】
m0_37873510的博客
01-15 5428
Vue3+Vite+TS目集成ESlint +Prettier实现代码规范检查和代码格式化
TS报错大全
热门推荐
Zeng的博客
09-13 1万+
ts报错大全
Vue3+Ts项目建立 editorcongfig配置、prettier配置、ESLint配置、eslint和prettier冲突问题
zhangtw的博客
03-02 2744
文章目录一、创建Vue3项目1、使用vue create命令创建项目二、 代码规范2.1 集成editorcongfig配置2.2 使用prettier工具2.3使用ESLint检测 一、创建Vue3项目 1、使用vue create命令创建项目 1、# 创建项目 vue create <project name> 2、选择手动创建 3、选择需要的，这主要讲一下怎么配置Linter/Formatter 4、选择3.x 5、使用类样式组件语法 选择N 6、我们使用Babel处理 选择Y
解决prettier修改配置后项目报错的问题
BadmintonCode的专栏
04-30 2123
npm install -g prettier prettier --config prettier.config.js --write ./src/**/**/*.{ts,vue,tsx} 第一步：安装prettier包 第二步：指定需要格式化的目录和文件格式，如我的文件是都在/src/下的，那就格式化./src///*.{ts,vue,tsx} ...
关于vue ts项目同时引入element-ui和ant-design，ts报错不能编译的解决方法。
bob422720735的博客
07-06 1万+
vue ts版本同时引入ant和element不能打包。 Subsequent property declarations must have the same type. Property ‘$confirm’ must be of type ‘(modalOptios: ModalOptions) => ModalConfirm’, but here has type ‘ElMessageBoxShortcutMethod’. Subsequent property declarations m
element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错
BLUESKYHOST的博客
05-29 3889
element-plus报错内容 Cannot find name ‘Nullable’. Cannot find name ‘ComponentSize’. 解决办法 package.json文件修改build参数删改成下面参数 "build": "vite build", 别名引入报错问题 tsconfig.json 文件添加如下代码 "paths": { "@ts/*": [ "./src/*" ] }, 引入方式 import { key }
vue ts项目同时引入ant-design和element-ui，ts报错不能编译打包失败
godev的博客
03-04 4372
错误信息: Subsequent property declarations must have the same type. Property ‘$confirm’ must be of type ‘(modalOptios: ModalOptions) => ModalConfirm’, but here has type ‘ElMessageBoxShortcutMethod’. Subsequent property declarations must have the same t..
vue-cli+ts+antd项目汇总
09-07
Vue-cli是一个官方推出的Vue项目脚手架工具，用于快速搭建Vue项目。ts是TypeScript的简称，是一种由微软开发的开源编程语言，它是JavaScript的超集，可以为JavaScript代码添加静态类型检查和封装类、模块等面向对象编程的特性。antd是蚂蚁金服开源的一套基于React封装的UI组件库，提供了丰富的高质量的React组件。 将这三者结合在一起，意味着我们可以利用Vue-cli搭建一个基于Vue和TypeScript的项目，并使用antd组件库来构建界面。这样的项目结合了Vue的简洁、易用和高效性能，TypeScript的类型检查和面向对象编程特性，以及antd的高质量UI组件，可以提升开发效率和代码质量。 在使用Vue-cli创建项目时，可以选择使用TypeScript作为项目的开发语言，这样项目就会自动集成TypeScript的相关配置和支持。通过使用Vue-cli提供的命令和配置，我们可以快速搭建一个工程化的项目结构，并集成Webpack等构建工具。 在项目中使用antd组件库时，可以通过npm或者yarn安装antd包，然后在Vue的组件中引入所需的组件，并进行相关配置和使用。antd提供了丰富的UI组件，包括按钮、表单、弹窗、表格等常见的界面元素，可以根据项目需求进行选择和使用。 在使用TypeScript编写Vue项目时，可以利用TypeScript的静态类型检查、类型提示功能，提升代码的可读性和可维护性。同时，可以使用面向对象的编程方式来组织代码，更好地管理和封装组件、模块等。 综上所述，使用Vue-cli搭建一个基于Vue、TypeScript和antd的项目，可以充分发挥各自的优势，提升开发效率和代码质量，同时能够满足丰富的UI界面需求。这样的项目具备良好的可扩展性和可维护性，适合于中大型前端项目的开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值