[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板
Prettier介绍:
![[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板](/img/b8/e0d4e6529a0449e88d781b15d004e8ee.png)
![[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板](/img/4c/1744ced36c5345a48ab9a7320277ff77.png)
一、安装方法:
方法一:
1.在webstorm的插件市场,搜索并下载prettier
![[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板](/img/83/947edd79ae3d4fb2a0dd026a9d8297dc.png)
方法二:
2.可以用npm全局安装,然后在webstom里面配置路径:
全局安装prettier
npm install --global prettier
配置:
2.1 配置安装路径
2.2 针对以下文件运行:
默认是没有包含Vue的,我们手动加上即可:
{**/*,*}.{js,ts,jsx,tsx,vue}
![[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板](/img/43/2208aec30c3b42f8aac6ed8189109c10.png)
二、使用方法:
每次保存的时候,就会自动格式化了。
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/8217122307.html
相关推荐
-
pycharm社区版使用SQLite连接数据库,并实现数据的增删改查
文章目录 1、安装Database Navigator 2、创建数据库 3、通过SQLite连接数据库 4、创建数据表 5、实现增删改查 5.1、在表中插入数据 5.2、查找表中的…
1天前 -
Navicat报错:Oracle library is not loaded(图解)
文章目录 错误 原因 解决 错误 连接Oracle时提示“oracle library is not loaded”。 原因 oci.dll版本不对或者是没有配置oci.dll。因…
1天前 -
超详细JDK1.8所有版本下载地址
文章目录 附JDK1.8安装与配置教程 一、JDK官网 二、查找JDK所有历史版本 JDK1.8即为JDK8,JDK8是目前是最成熟最稳定的版本,本文将详细介绍JDK所有历史版本的…
1天前 -
Redis简述|以及它能用于做什么?
什么是Redis Redis是一种开源的NoSQL内存数据库,用于高性能的数据存储和访问。Redis支持多种数据类型,包括字符串、哈希、列表、集合和有序集合,并且支持分布式存储和操…
1天前 -
在外Windows远程连接MongoDB数据库【无公网IP】
文章目录 前言 1. 安装数据库 2. 内网穿透 2.1 安装cpolar内网穿透 2.2 创建隧道映射 2.3 测试随机公网地址远程连接 3. 配置固定TCP端口地址 3.1 保…
1天前 -
pnpm-lock.yaml、yarn.lock以及package-lock.json的区别
pnpm-lock.yaml、yarn.lock 和 package-lock.json 都是用来锁定项目依赖版本的文件,它们由不同的包管理器生成:pnpm-lock.yaml 由…
数据库 1天前 -
dbeaver工具连接达梦数据库
、一 概述 DBeaver 是一个基于 Java 开发,免费开源的通用数据库管理和开发,DBeaver 采用 Eclipse 框架开发,支持插件扩展,并且提供了许多数据库管理工具:…
1天前 -
一次性解决ORA-01950: 对表空间 ‘USERS‘ 无权限的问题
报错原因: 缺少权限,可能是回收了DBA角色导致的 针对这个报错,有两种解决办法 方法1: 赋予用户resource权限 SQL> grant resource to 用户;…
数据库 1天前 -
基于Elasticsearch + Fluentd + Kibana(EFK)搭建日志收集管理系统
目录 1、EFK简介 2、EFK框架 2.1、Fluentd系统架构 2.2、Elasticsearch系统架构
数据库 1天前 -
Error: Cannot find module ‘D:\…node
当发现找不到vite.js解决办法 主要原因就是没有下载下来vite 1. npm install -g create-vite 2.npm run dev …
1天前
