Visual Studio code 前端常用插件集集合

HTML Boilerplate

Auto Close Tag         标签提示

HTML CSS Support   标签和样式编辑

View In Browser       从浏览器打开

open in browser 从浏览器打开按照默认浏览器

vscode-vue      主要是vue

HTML Snippets 超级实用且初级的 H5代码片段以及提示

HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式

Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试

jQuery Code Snippets jquery 重度患者必须品

vscode-icon 让 vscode 资源树目录加上图标,必备良品!

Path Intellisense 自动路径补全。默认不带这个功能

Npm Intellisense requrie时闭包提示

Document this js 的注释模板

beautify 格式化代码的工具

Typings Installer 安装 vscode 的代码提示依赖库,基于 typtings 的,比如提示 angular 或者 jQuery 只能感知。至于什么是 typtings 自己去搜。

Bootstrap 4 Snippet

Atuo Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改

去掉右边的预览:设置里面搜索 "editor.minimap.enabled":改为false

复制粘贴代码不自动对齐或者打乱了。解决办法是:在首选行那里吧editor.formatOnPaste改成true,或者下载插件: Copy With Imports

原文地址:https://www.cnblogs.com/mjc69213/p/10050223.html

时间: 2024-11-11 08:43:36

Visual Studio code 前端常用插件集集合的相关文章

Visual studio code离线安装插件

公司研发区不能连接公网,使用Visual studio code(vsc)写Golang代码需要安装Go插件,下面介绍下,vsc离线安装插件的步骤.以安装lukehoban.Go为例. 打开官网首页: https://code.visualstudio.com/ 点击 Extentions,然后点击右端的图片链接,进入插件下载页面.(或者直接输入https://marketplace.visualstudio.com/VSCode ) 搜索要安装的插件,打开插件对应的页面, 需要在这个页面提取如

Visual Studio Code 通过 Chrome插件Type Script断点调试Angular 2

1. 下载Visual Studio Code (https://code.visualstudio.com/) 2. 安装插件Debugger for chrome 3. 确定tsconfig.json配置 "sourceMap": true { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "s

安装 visual studio code 前端所需的插件 beautify, ESLint

以安装以下插件.. 打开“用户设置”,在右边的窗口输入以下配置, 保存后,会自动与左边的默认配置合并.....然后,,编辑器页面就好看多了..

Visual Studio Code 使用 Git插件报错 - Permission denied (publickey)

在使用GitHub的时候,为了避免每次输入用户名密码,都会使用SSH方式代替Https. 按网上教程,大多数使用SSH-KeyGen生成公私钥对,而后上传公钥至Github,并切换Repositorie为SSH. 使用SSH-KeyGen输出如下: Generating public/private rsa key pair. Enter file in which to save the key (/root/.ssh/id_rsa): Created directory '/root/.ss

Visual Studio Code如何编写运行C、C++

Visual Studio Code如何编写运行C.C++ 作者:知乎用户链接:https://www.zhihu.com/question/30315894/answer/154979413来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 0. 前言 本文面向初学者(但不是纯小白),分享一点我的经验.毕竟百度"VS Code C"出来的第一条就是这个网页.其实VS Code真的不太适合写C,姑且算一种折腾吧. 本文所有内容均可从VS Code的官方文档:

我的全栈之路-Java基础之macOS+Visual Studio Code开发Java程序

我的全栈之路-Java基础之macOS+Visual Studio Code开发Java程序 我的全栈之路 3.1 开发环境说明 首先说明下使用软件的版本,操作系统是基于macOS10.14.5,然后在macOS上安装了JDK11.03,如果想要了解macOS下JDK的安装,可以参考我的全栈之路-Java基础之macOS安装JDK,编辑器选用了微软公司开源的Visual Studio Code. 软件名称 软件版本 操作系统 macOS10.14.5 JDK JDK11.0.3 编辑器 Visu

Visual Studio Code 常用插件

这里记录在Visual Studio Code中,我经常用到的插件. ?C#这个就不必说了,想用VIsual Studio Code调试和编辑C#代码,必须要装这个插件.支持是由OmniSharp这个组织做的,东西还好,就是每次安装和更新插件的时候,需要重新下载调试器.因为服务器是在国外,所以每次下载的很慢,而且还会断,非常难受,不过鉴于好用,所以还是忍了!? Markdown Theme KitVisual Studio Code对Markdown的支持非常好,可以打开另一个窗口实时预览Mar

Visual Studio Code插件

Visual Studio Code插件 https://www.cnblogs.com/clwydjgs/p/10078065.html 写在前面 在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code. 都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服. 我是来给大家安利插件的,想做个比较全面的插件集合给大家.网上的我也看过一些,但是都比较零散,时间也久了一些,我结合最近的情况,总结一

vscode: Visual Studio Code 常用快捷键

vscode: Visual Studio Code 常用快捷键 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板.在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式 在 Ctrl+P 窗口下还可以: 直接输入文件名,跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings,也可以 Ctrl+Shift+M : 跳转到行数,也可以 Ctrl