[VueJsDev] 目录列表

https://www.cnblogs.com/pengchenggang/p/17037320.html

Vscode 插件推荐

::: details 目录

目录

:::

vscode 作为前端开发，需要搭建下开发环境，改的地方还是挺多的。

Font. 1: 字体推荐

开发环境 一个好字体，至关重要

// settings.json

"editor.fontFamily": "'Fira Code', '霞鹜文楷等宽 Light', Consolas,  'Courier New'",

Them. 2: Ayu 主题

主题相当重要，整个风格会一下子高大上起来

  • Ayu Mirage 这是一款暗黑色的主题
  • 插件搜索 Ayu 作者 teabyii 下载量 138万
// settings.json

"workbench.colorTheme": "Ayu Mirage",

Them. 3: Spacegray VSCode

之前用的一款主题 Base 16 Eighties 这个风格我就特别喜欢

  • 插件搜索 Spacegray VSCode 作者 Mihai Vilcu

Plug. 4: Vetur vue2工具

开发vue2的vscode官方插件

  • 插件搜索 Vetur 作者 Pine Wu

Plug. 5: volar vue3工具

开发vue3的vscode官方插件 Vue Language Features (Volar)

  • 插件搜索 Volar 作者 Vue
  • 还有一个ts的插件 具体看需要用哪个

Plug. 6: Tabnine AI - 必备

代码智能提示 用了就回不去了 关键是免费

  • 插件搜索 Tabnine AI 作者 TabNine

Plug. 7: Favorites 插件

当前项目 收藏重要的页面

  • 插件搜索 Favorites 作者 kdcro101 下载量 3万
  • 根目录会生成 .favorites.json 配置文件

Plug. 8: 别名路径跳转 插件

ctrl + 鼠标左键 点击 变量 函数名 自动跳转

  • 插件搜索 别名路径跳转 作者 lihuiwang
  • 要有 jsconfig.json 文件支持

Plug. 9: Auto Close Tag

自动闭合标签 插件

  • 插件搜索 Auto Close Tag 作者 Jun Han

Plug. 10: Auto Rename Tag

标签自动改名 插件

  • 插件搜索 Auto Rename Tag 作者 Jun Han

Plug. 11: Beautify 插件

代码格式化插件 这个插件用做vetur的html 格式化工具

  • 插件搜索 Beautify 作者 HookQR
  • 这个插件不要启用全局 我记得会和eslint有冲突

Plug. 12: Prettier - Code formatter

代码格式化插件 这个插件用做vetur的css less 格式化工具

  • 插件搜索 Prettier 作者 Prettier
  • 这个插件不要启用全局 我记得会和eslint有冲突

Plug. 13: Bracket Pair Color DLW

彩虹括号 插件

  • 插件搜索 Bracket Pair Color DLW 作者 Bracket Pair Color DLW

Plug. 14: Chinese 插件

简体中文 全称是 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

  • 插件搜索 Chinese 作者 Microsoft

Plug. 15: CSS Navigation

css 自动跳转

  • 插件搜索 CSS Navigation 作者 pucelle

Plug. 16: Draw.io Integration

画图软件 必备

  • 插件搜索 Draw.io 作者 Henning Dieterichs

Plug. 17: EditorConfig for VS Code

项目编码的基础设施

  • 插件搜索 EditorConfig 作者 EditorConfig

Plug. 18: Error Lens 插件

错误信息直接显示在当前行的后面 特别直观

  • 插件搜索 Error Lens 作者 Alexander

Plug. 19: ESLint 插件

代码校验插件 属于必备插件

  • 插件搜索 ESLint 作者 Dirk Baeumer

Plug. 20: Git History 插件

git提交的历史记录 看看谁改出的bug

  • 插件搜索 Git History 作者 Don Jayamanne

Plug. 21: npm 插件

执行 package.json 的 script 脚本，必装插件

  • 插件搜索 npm 作者 egamma

Plug. 22: Npm Intellisense

导入导出 包名 的自动联想，必装插件

  • 插件搜索 Npm Intellisense 作者 Christian Kohler

Plug. 23: npm-links 插件

显示依赖包的文件位置 主要看全局依赖包的位置，必装插件

  • 插件搜索 npm-links 作者 Dolov

Plug. 24: Path Intellisense

路径的自动联想 必装插件

  • 插件搜索 Path Intellisense 作者 Christian Kohler

Plug. 25: Paste Image 插件

截图后粘贴到vscode里面，这个不常用，因为 Obsidian Typora支持直接显示

  • 插件搜索 Paste Image 作者 mushan

Plug. 26: Project Manager

将多个项目都显示在左侧列表 好切换，由于我用rolan，所以这个不太常用

  • 插件搜索 Project Manager 作者 Alessandro Fragnani

Plug. 27: Live Server

在html文件右键 直接开服务 很方便

  • 插件搜索 Live Server 作者 Ritwick Dey

Plug. 28: SFTP

自动将代码传送到ftp空间，自动脚本发布代码用的

  • 插件搜索 SFTP 作者 liximomo

Plug. 29: Template String Converter

字符串里面输入变量 "Menu:" -> `Menu:${candy}`

  • 插件搜索 Template String Converter 作者 meganrogge

Plug. 30: TypeScript Importer

ts开发使用 自动搜索ts定义 导入等等

  • 插件搜索 TypeScript Importer 作者 pmneo

Plug. 31: Visual Studio IntelliCode

vscode 自动联想插件

  • 插件搜索 Visual Studio IntelliCode 作者 Microsoft

Plug. 32: vue-helper 自动跳转

代码自动跳转

  • 插件搜索 vue-helper 作者 shenjiaolong

Plug. 33: Dyno File Utils

2022年09月08日 星期四

Dyno File Utils - VSCode Extension 新建目录 新建文件 很好用

  • 插件搜索 Dyno File Utils 作者 Dyno Nguyen
  • 这个插件找了1个多小时

[VueJsDev] 快速入门 - vscode 插件推荐的更多相关文章

  1. VScode 插件推荐与C/C++配置

    以下是我经常用到的VScode插件.由于插件本身具有详细的配置和介绍,不对插件本身的安装配置进行说明,仅仅支出这些插件的主要功能.具体使用强烈推荐看一下安装插件后的说明,大多数的问题和设置都可以找到, ...

  2. react开发vscode插件推荐

    原文地址:https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记 ...

  3. 全网最详细中英文ChatGPT-GPT-4示例文档-事实性回答应用从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  4. 全网最详细中英文ChatGPT-GPT-4示例文档-信息智能提取从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  5. 全网最详细中英文ChatGPT-GPT-4示例文档-智能编写Python注释文档字符串从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  6. 全网最详细中英文ChatGPT-GPT-4示例文档-复杂函数快速转单行函数从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  7. 全网最详细中英文ChatGPT-GPT-4示例文档-智能AI写作从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  8. 全网最详细中英文ChatGPT-GPT-4示例文档-快速创意生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  9. 全网最详细中英文ChatGPT-GPT-4示例文档-食谱智能生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  10. 全网最详细中英文ChatGPT-GPT-4示例文档-人工智能助手从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

随机推荐

  1. 人工智能创新挑战赛：助力精准气象和海洋预测Baseline[2]：数据探索性分析（温度风场可视化）、CNN+LSTM模型建模

    "AI Earth"人工智能创新挑战赛:助力精准气象和海洋预测Baseline[2]:数据探索性分析(温度风场可视化).CNN+LSTM模型建模 1.气象海洋预测-数据分析 数据分 ...

  2. 20.8 OpenSSL 套接字SSL传输文件

    有了上面的基础那么传输文件的实现就变得简单了,在传输时通常我们需要打开文件,并每次读入1024个字节的数据包,通过SSL加密传输即可,此处的文件传输功能在原生套接字章节中也进行过详细讲解,此处我们还是 ...

  3. 5.13 汇编语言：仿写For循环语句

    循环语句(for)是计算机编程中的一种基本控制结构,它允许程序按照指定的次数或范围重复执行一段代码块.for循环在处理需要进行迭代操作的情况下非常有用,它使得程序可以更加方便地控制循环的次数.一般来说 ...

  4. Win32汇编：字符串浮点数运算过程

    整理复习汇编语言的知识点,以前在学习<Intel汇编语言程序设计 - 第五版>时没有很认真的整理笔记,主要因为当时是以学习理解为目的没有整理的很详细,这次是我第三次阅读此书,每一次阅读都会 ...

  5. 一篇学会软硬链接｜快捷方式｜操作系统｜centos7

    前言 那么这里博主先安利一些干货满满的专栏了! 首先是博主的高质量博客的汇总,这个专栏里面的博客,都是博主最最用心写的一部分,干货满满,希望对大家有帮助. 高质量博客汇总https://blog.cs ...

  6. CF763E Timofey and our friends animals题解

    题目链接:CF 或者 洛谷 简单来说就是求 \([l,r]\) 这些点都存在的情况下,连通块的数量,看到七秒时限,而且每个点相连的边数很少,可以想到离线下来使用莫队类的算法解决 连通块问题,一般可以考 ...

  7. 聚石塔的K8s 容器服务使用注意事项，坑的总结

    1. 首先聚石塔是不能使用 8080 端口的,会审核不通过. 2.然而,容器服务默认的却是8080,最彻底的解决方法就是修改成80,注意3个地方: 以上3个地方要严重留意,缺一不可,已经踩了2次坑了, ...

  8. 【分布式】load balance 04-java 从零手写实现负载均衡

    负载均衡系列专题 01-负载均衡基础知识 02-一致性 hash 原理 03-一致性哈希算法 java 实现 04-负载均衡算法 java 实现 本节我们来看一下如何实现一负载均衡框架. 源码 核心接 ...

  9. 【Android】使用Messenger实现进程间通讯

    1 Messenger 简介 ​ Messenger 类实现了 Parcelable 接口,用于进程间传输并处理消息,调用流程如下: Client 通过 bindService() 请求绑定 Serv ...

  10. AdvanceRestClient即食即用已集成definitions.json

    下载链接: https://pan.baidu.com/s/19Vdwda8L8PIsYc9v3S3cdA 提取码: diq8 最后完成即可使用