vsCode常用插件的安装

常用插件

Auto Close Tag //补全代码标签

Beautify //代码格式化

HTML Snippets //html代码
HTML CSS Support //css格式
Debugger for Chrome //在谷歌中打开

JavaScript (ES6) code snippets //es6

Chinese (Simplified) Language Pack for Visual Studio Code //中文简体 ctrl+alt+p 输入config "locale":"zh-cn"
vue-color //vue文件代码颜色

vscode提高效率有效使用插件:

vscode-Document This-----jsdoc注释生成。

vscode-eCSStractor-----抽取页面的class,生成一个css文档。

vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

VueHelper----  Vue2代码段(包括Vue2 api、vue-router2、vuex2)

Quokka.js----  可以即时显示js和ts的运行结果,想试验一些短代码的运行结果,但是又不想之后删除文件的时候可以用到

codeRunner 可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等开发语言并支持局部执行

IntelliSense for CSS class names 智能提示 css 的 class 名

Node.js Modules Intellisense 可以在导入语句中自动完成JavaScript / TypeScript模块。

vscode-faker 生成假数据,地址,电话,图片等等

Regex Previewer 测试正则的插件

原文地址:https://www.cnblogs.com/zhupanpan/p/10281474.html

时间: 2024-11-05 16:11:09

vsCode常用插件的安装的相关文章

VSCode常用插件之open in browser使用

更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习 原文地址:https://www.cnblogs.com/jiaoshou/p/12004071.html

Sublime Text 3 常用插件以及安装方法(转)

Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package co

VSCode常用插件之Simple New File使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目录尽可能简单.具有自动补全功能,还可以与多个工作区一起使用! 按 command + alt + n 会出现提示框,您可以在其中输入文件的路径.如果该文件已经存在,则将打开该文件,否则将创建一个新文件及其所有父目录. 原文地址:https://www.cnblogs.com/jiaoshou/p/1

VSCode常用插件之vscode-fileheader使用

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作者. 最终效果图如下: 生成这个注释的快捷键是 ctrl+alt+i 用户在settings.json中配置用户名和最后修改用户名即可使用 保存一下,然后去ctrl+alt+i使用就可以使用了. 原文地址:https://www.cnblogs.com/jiaoshou/p/120

VSCode常用插件之Prettier - Code formatter使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Prettier - Code formatter这是一款 格式化js.css代码插件,暂不解释. 原文地址:https://www.cnblogs.com/jiaoshou/p/12004077.html

VSCode 常用插件

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux. VSC中文网:http://www.vscode.org/ vscode  作为一款逐渐火热的编辑器.它的特点免费.开源.多平台,以及集成git,代码调试,插件

Sublime Text 3 常用插件以及安装方法(vue 插件)(转)

使用Package Control组件安装 也可以安装package control组件,然后直接在线安装:按Ctrl+` 调出console粘贴以下代码到底部命令行并回车: { import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_o

vscode 常用插件安装

1.Auto Close Tag 自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标签的同步修改 3.Beautify 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则,例如: 1 2 3 4 5 6 7 {   "indent_size": 4,   "indent_char": " ",   "css": {     "indent_size": 2

vscode常用插件

vscode写JS/html/css是比较适合的,因为轻量级. 只是需要一些插件来完善VSCODE功能,感觉VSCODE就是要靠插件的,不然的话,只是一个高级的代码编辑器.可能比editplus"要好很多". 这个图上是几个常用的插件,以下说明 --------------------------------------------------------------------------------------------------------------------------