vscode&&vue开发插件

本文详细介绍了一套针对VSCode的高效开发配置方案,包括实用插件推荐如koroFileHeader、AutoCloseTag等,以及如何利用js-cookie和vue-ls进行前后端交互和状态管理。同时,提供了代码注释、主题、语言支持等方面的个性化设置建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

git-commit-plugin // git提交规范
koroFileHeader 非常实用的Vscode 插件[用于添加文件头部注释]

 "fileheader.customMade": {
    "Author": "duan",
    "Date": "Do not edit",
    "LastEditors": "duan",
    "LastEditTime": "Do not edit",
    "Description": "file content"
  },
  "fileheader.cursorMode": {
    "description": "",
    "param": "",
    "return": ""
  },

Auto Close Tag
Auto Rename Tag
Beautify css/sass/scss/less
Chinese (Simplified)
koroFileHeader //头部注释
Live Server
Monokai Pro // 主题
vetur //vue2.6
Vue Language Features (Volar) //vue3
eslint
prettier

chrome插件
vue DevTools
postwoman // post数据管理工具

依赖:
js-cookie是一个简单的,轻量级的处理cookies的js API。
npm i js-cookie -s
// 1.获取
Cookie.get(key)
// 2.设置
Cookie.set(‘name’, value, {expires: 过期时间})
// 3.删除
Cookie.remove(“name”)
// 过期时间设置:
let seconds = 3600; // 过期时间 /秒
let expires = new Date(new Date() * 1 + seconds * 1000);

vue-ls session/Storage插件
https://www.npmjs.com/package/vue-ls

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端段

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值