首页 > 其他分享 >前端vscode配置

前端vscode配置

时间:2024-04-23 13:23:21浏览次数:12  
标签:esbenp vscode 前端 配置 defaultFormatter editor true prettier

{
"window.zoomLevel": 1,
"liveServer.settings.donotShowInfoMsg": true,
"editor.tabSize": 2,
"editor.tabCompletion": "on",
"editor.fontSize": 16,
"git.autofetch": true,
"editor.stickyScroll.enabled": false,
"editor.guides.bracketPairs": "active",
"editor.guides.bracketPairsHorizontal": false,
"editor.accessibilitySupport": "off",
"workbench.iconTheme": "material-icon-theme",
"editor.linkedEditing": true,
"workbench.colorTheme": "Monokai",
// prettier格式化配置
"prettier.singleQuote": true,
"prettier.semi": false,
"prettier.printWidth": 120,
"prettier.trailingComma": "none",
"prettier.arrowParens": "always",
// 保存时自动格式化代码
// "editor.formatOnSave": true,
// eslint配置项,保存时自动修复错误
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
// react相关配置
"emmet.triggerExpansionOnTab": true,
"emmet.showAbbreviationSuggestions": true,
"emmet.includeLanguages": {
// jsx的提示
"javascript": "javascriptreact",
// "vue-html": "html",
// "vue": "html",
"wxml": "html"
},
// Path Intellisense插件路径提示
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src",
"~@": "${workspaceRoot}/src"
},
// rem的配置
"cssrem.rootFontSize": 37.5,
// Easyless配置
"less.compile": {
"compress": false, //** 是否删除多余空白字符
"sourceMap": false, //** 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
"out": "../styles/" //** 输出css文件目录,false为不输出
},
"hediet.vscode-drawio.resizeImages": null,
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}

标签:esbenp,vscode,前端,配置,defaultFormatter,editor,true,prettier
From: https://www.cnblogs.com/byj666/p/18152661

相关文章

  • 配置nginx HTTPS证书
    配置nginxHTTPS证书安装CerbotLet‘sEncryptapt安装不了cerbot,换snapdsudoaptinstallsnapdsudosnapinstall--classiccertbot确保Certbot命令可以通过创建一个符号链接到/usr/bin目录中的命令来运行:sudoln-s/snap/bin/certbot/usr/bin/certbot生成证书ng......
  • 前端
    HTML初解html标签分类标签为什么要分类?分类可以使html结构更加清晰标签:都有自己的名字和特征,分为:单标签和双标签单标签:就是没有结束标签常用img--br--hr-双标签:有开始和结束标签例如.div可以在双标签中去嵌入子标签和文本内容(文字和图像)模式分类(重点)块......
  • Nginx安装配置
    Nginx安装配置安装首先检查是否已安装nginx-v并未安装,所以继续安装aptinstallnginx-corenginx安装完成后的文件位置/usr/sbin/nginx:主程序/etc/nginx:存放配置文件/usr/share/nginx:存放静态文件/var/log/nginx:存放日志启动nginx服务,在服务器(默认80端口)就可......
  • 前端【uniapp】06-uniapp【练习项目 · 神领物流】【任务【交付】【回车登记】【已完
    uni-app(神领物流)项目实战学习目标:能够独立完成回交付、回车登记的功能能够自定义回车登记交互组件能够使用Pinia实现组件间数据共享能够打包发布H5、小程序和App项目应用能够配置App的图标及启动屏幕一、【神领物流】任务1、交付司机在将货物运达目......
  • 使用GitHub Actions和GitHub pages实现前端项目的自动打包部署
    1.引言Asweallknow,前端部署项目是比较简单的,通常情况下只需要将打包的产物(index.html、.js文件、.css文件等)放在Web服务器下就......
  • HarmonyOS配置ohpm环境变量
    1、找到你的ohpm安装目录2、双击执行一下init.bat3、复制bin路径4、双击path5、点击新增,然后保存应用即可6、最终效果......
  • 前端【uniapp】03-uniapp【练习项目 · 神领物流】
    uni-app(神领物流)项目实战学习目标:能够对Pinia进行初始化操作掌握创建Store及数据操作的步骤能够对Pinia数据进行持久化的处理掌握uniForm表单验证的使用方法能够根据业务需求配置请求/响应拦截器一、【神领物流】项目启动本节的主要任务是获取项......
  • 前端【uniapp】02-uniapp【全局文件】【组件【内置、扩展】】【声明周期】【API调用】
    一、uni-app基础知识uni-app是组合了Vue和微信小程序的相关技术知识,要求大家同时俱备Vue和原生小程序的开发基础。1、全局文件在小程序中有全局样式、全局配置等全局性的设置,为此在uni-app中也有一些与之相对应的全局性的文件。uni.scssuni-app项目在运......
  • 今天又是写前端的一天--web实验二
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>LoginPage</title><......
  • 最近对接通联支付第三方平台,支付成功后要回调方法告知支付是否成功,通知url必须为直接
    最近公司要做PC端,微信小程序端支付,对接的第三方是通联支付,因为需要用到回调方法,所以想到了natapp内网穿透的方法给通联支付提供回调的地址访问我本机项目第一步:打开natapp,注册账号https://natapp.cn/新手的话,需要购买免费隧道,不用花钱 我几年前已经申请账号也购买免费......