WEB 前端插件整理
Vs Code 系统插件
#1 Bracket Pair Colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。
#2 Code Runner
非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等,安装完成后,右上角出现:
#3 Image Preview
图像预览
#4 TODO Highlight
这个插件能够在你的代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成的业务。在默认的情况下,它会查找 TODO 和 FIXME 关键字。当然,你也可以添加自定义表达式。
#5 Project Manager
多项目切换工具
H5、Css插件
#1 IntelliSense for CSS class names in HTML
在HTML中智能提示可用的类名
#2 Path Intellisense
这个插件支持自动完成文件路径
#3 Auto Rename Tag
自动重命名配对的HTML / XML标签
#4 Class autocomplete for HTML
智能提示HTML class =“”属性
#5 HTML CSS Support
在 html 标签上写class 智能提示当前项目所支持的样式
#6 HTML Snippets
html代码片段
#7 htmlhint
html代码检测
#8 Auto Close Tag
自动添加html结束标签
#9 HTML Boilerplate
通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。
#10 CSS Peek
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。
AngularJs、Ts、JQ插件
#1 angular2-switcher
通过三个简单的键绑定,在组件,模板和样式之间快速切换。当光标位于变量上时,只需按下F12键即可支持转到模板变量的定义。
#2 TsLint
TypeScript代码检查工具
#3 TypeScript Hero
管理导入语句,并可以自动导入缺少的依赖关系。可以组织和排序进口。
#4 Quokka.js
实时观看js变量的变化
#5 vscode-faker
生成假数据,地址,电话,图片等等
打开方式shift+ctrl+p 然后输入faker 就可以选择了
#6 Prettier
格式化JavaScript / TypeScript / CSS 。
#7 jQuery Code Snippets
jq代码片段
#8 JavaScript Snippet Pack
js代码片段
#9 JavaScript (ES6) code snippets
es6代码片段
#10 npm Intellisense
在导入语句中自动填充npm模块,跟Node.js Modules Intellisense差不多
#11 Auto Import
对于一堆组件的我们来说,这货简直贴心,支持JSX和typescript,还有一些细致化的配置参数
#12 TypeScript Import
专门处理TS内模块导入的,和#12互补;
#13 stylelint
语法校验,比内置的要全更智能
#14 Angular Files
在vsc中集成angular-cli工具,可界面华新建component、directove、module、routing、pipe等feature
#15 TypeScript Toolbox
ts必备插件
WEB 前端插件整理的更多相关文章
- WEB前端工程师整理的原生JavaScript经典百例
一.原生JavaScript实现字符串长度截取 二.原生JavaScript获取域名主机 三.原生JavaScript转义html标签 四.原生JavaScript时间日期格式替换 Date.prot ...
- web前端素材整理汇总
最近一直搞前端开发,整理下前端用的一些常用素材,分享给大家 框架类 Vue:https://cn.vuejs.org/ iview:https://www.iviewui.com/ 插件类 Jquer ...
- web前端优化整理(转)
如今浏览器能够实现的特性越来越多,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了. 开发人员普遍会将他们的代码习惯优先于用户体验.但是很多很小的改变可以让用户体验有 ...
- 手机移动端web前端常见问题整理
移动端常见问题及解决方案 一.meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="w ...
- web前端笔记整理,从入门到上天,周周更新
由于大前端知识点太多,所以一一做了分类整理,详情可见本人博客 http://www.cnblogs.com/luxiaoyao/ 一.HTML 1.注释 格式:<!-- 注释内容 --> ...
- Web前端(整理不好,自己未学)
1.公司招聘信息 (1)小公司 (2)腾讯 ①社会招聘 ②校园招聘 (3)百度 ①社会招聘 ②实习 ③校园招聘 2.岗位要求 开发经验,良好的编程习惯,学习能力,至少二个项目开发设计,具备需求功能模块 ...
- Web前端笔记整理
不使用Ajax无刷新提交: header('HTTP/1.1 204 No Content'); var a=document.createElement('img'); a.setAttribute ...
- web前端问题整理
1.常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1)浏览器:IE,Chrome,FireFox,Safari,Opera (Q2)内核:Trident,Gecko,Prest ...
- Python 之WEB前端插件
1.Font Awesome ---- 设计字体,图标 2.EasyUI ---- 各种功能 3.JqueryUI ---- 类似EasyUI 4.bootstrap ---- 必须引入JQuery( ...
随机推荐
- Ice_cream's world I(并查集成环)
Problem Description ice_cream's world is a rich country, it has many fertile lands. Today, the queen ...
- pythonic operations
变量交换 >>> a, b = b, a 循环遍历区间元素 >>>for i in range(10): ... print (i) 返回的是生成器对象,生成器比列 ...
- linux中的pwd
https://www.cnblogs.com/crazylqy/p/5818745.html
- c++试题2
一.写出下列程序的运行结果(40 分) 1.for(i=1;i<5;i++); cout << “OK” << endl; 程序执行后的输出结果是: OK ___ ...
- try 和 catch 和 finally
try块中出现异常走进catch,异常后面的代码不会再被执行:finally块里try和catch执行完后要执行的代码,且一定会执行. 在释放资源的时候,不要多个放在一个try块里面. 流的关闭顺序: ...
- Spring Boot事务管理(中)
在上一篇 Spring Boot事务管理(上)的基础上介绍Spring Boot事务属性和事务回滚规则 . 4 Spring Boot事务属性 什么是事务属性呢?事务属性可以理解成事务的一些基本配置, ...
- JDK 1.8 JVM的变化
前言: 1.什么是JVM JVM的全称是 Java Virtual Machine(Java虚拟机),它通过模拟一个计算机来达到一个计算机所具有的功能. Java和实体计算机一样也必须有一套合适的指令 ...
- Navicat 远程连接 Oracle11g 数据库报错 No listener 的问题
1.首先确认已经启动 OracleOraDb11g_home1TNSListener 服务时,仍无法连接: 2.进入计算机系统属性中查看 Oracle 服务端计算机的全名: 3.进入 Orac ...
- 编写Shell脚本的最佳实践
编写Shell脚本的最佳实践 http://kb.cnblogs.com/page/574767/ 需要记住的 代码有注释 #!/bin/bash # Written by steven # Name ...
- C++的初始化成员列表
class CExample { public: int a; float b; //构造函数初始化列表 CExample(): a(),b(8.8) {} //构造函数内部赋值 CExample() ...