给力的webStorm上缺少zencoding支持,那可真是编码不知码味,吃饭没有盐味,泡妞没有香味,人生没有趣味。
先下载zencoding for IntelliJ.IDEA
address:
http://code.google.com/p/zen-coding/downloads/list
下载三个后解压。
然后找到以下目录:
C:\Documents and Settings\username\.WebIde10\config\templates (xp 系统 webStorm目录)
IntelliJIdea90\config\templates (IntelliJ 目录)
把解压后文件拷贝进去。
重启webStorm,然后ctlr + alt + s中找live templates中就可以看到zencoding 、zen css、zen HTML,这说明已经安装成功。
然后有人会问,这个触发扩展的快捷键是哪一个呢?
webStorm只提供三个 space tab and enter,这个可以自己选。
在live templates的最下方,如果是宽屏的话,要仔细看哦~!!双击规则也可以看到。
by default expand with space tab and enter
分享到:
相关推荐
随着时间的发展,Zen Coding已经逐渐演变为一个跨平台、跨编辑器的通用解决方案,支持众多流行的代码编辑器,如Visual Studio Code、Atom、WebStorm等。 Zen Coding的核心功能在于快速输入和扩展HTML、CSS以及其他...
综上所述,选择一个具备良好JavaScript提示功能的编辑器对于开发者来说至关重要。不同的编辑器各有优势,应根据自身需求和喜好进行选择。同时,不断学习和掌握编辑器的高级功能,可以进一步提升开发效率和代码质量。
资源名称:Javascript开发工具WebStorm教程用户界面简介 中文WORD版 内容简介: 本文档主要讲述的是Javascript开发工具WebStorm教程:用户界面简介;WebStorm是一款优秀的...
Zen Coding(现在的Emmet)不仅限于Dreamweaver,还被广泛应用于其他文本编辑器和IDE,如Sublime Text、Visual Studio Code、WebStorm等,这反映了其在Web开发领域的普遍性和实用性。通过熟练掌握Zen Coding,开发者...
WebStorm安装很简单
随着Zen Coding的发展,它演变为现在的Emmet,增加了更多功能和对更多编辑器的支持,包括但不限于: - **多语言支持**:除了HTML和CSS,Emmet还支持XML、SVG、Markdown等多种标记语言。 - **插件集成**:Emmet已...
谷歌浏览器的WebStorm网页开发调试插件,全称为"JetBrains IDE Support",是由知名软件开发公司JetBrains推出的一款高效工具。这款插件专为提升前端开发者的工作效率而设计,尤其适用于那些使用WebStorm作为主要集成...
### WebStorm 在 Linux5 上安装失败问题解析及解决方法 #### 问题背景 在尝试于 Linux5 系统上安装 JetBrains 的 WebStorm 开发工具时遇到了安装失败的问题,错误提示为:“No JDK found. Please validate either ...
HTML+JavaScript+CSS+WebStorm开发技巧
WebStorm 安装与设置 本文档主要介绍 WebStorm 的安装和设置,涵盖了 Web 前端开发的基本概念、IDE 介绍、WebStorm 使用和 HTML 介绍等内容。该文档旨在帮助读者了解 Web 前端开发的基础知识,并掌握 WebStorm 的...
JavaScript编辑器是编程人员在开发JavaScript代码时必不可少的工具,它们极大地提高了开发效率,提供了诸如语法高亮、代码补全、错误检查等重要功能。在众多的JavaScript编辑器中,有一些因其优秀的特性和用户友好性...
JavaScript编辑器是程序员进行JavaScript开发的重要工具,它提供了丰富的功能,旨在提高开发效率,优化代码质量和增强编程体验。本文将深入探讨JavaScript编辑器的核心特点、关键功能以及如何选择适合自己的编辑器。...
目前市面上的JavaScript编辑工具有很多,如Visual Studio Code、Sublime Text、Atom、WebStorm等。这些工具各有特点,开发者可以根据个人喜好和项目需求进行选择。 Visual Studio Code(VSCode)是微软推出的开源...
本文将详细介绍JS编辑器的功能、选择标准以及如何利用它来调试JavaScript脚本。 **JS编辑器的功能** 1. **代码高亮**:编辑器通过不同颜色突出显示代码中的关键字、变量、函数等元素,使代码更易于阅读和理解。 2....
WebStorm 5 的 Mozilla Firefox 的 JavaScript 调试器功能可以调试 JavaScript 代码。 HTML 和 JavaScript 断点定制 WebStorm 5 的 HTML 和 JavaScript 断点定制功能可以设置断点属性。 批量代码分析 WebStorm 5...
nodejs+express+webstorm配置及安装
在WebStorm中,ESLint是一个不可或缺的工具,它是一个静态代码分析器,用于检测并修复JavaScript代码中的潜在错误和风格问题。本文将深入探讨WebStorm中安装和使用ESLint插件的过程以及其重要性。 首先,让我们了解...
例如,在Windows上可能是"C:\Program Files\JetBrains\WebStorm XX.x\lib",其中"XX.x"代表WebStorm的版本号。 3. 将"resources_zh_CN.jar"文件复制到上述路径的lib目录下。 4. 最后,关闭正在运行的WebStorm,然后...
5. Notepad++:Windows平台上的免费文本编辑器,支持多种语言,适用于初级开发者。 三、如何选择合适的JavaScript编辑器 选择编辑器时,应考虑以下因素: 1. 功能需求:根据个人习惯和项目需求,确定需要哪些功能...
WebStorm是一款非常流行的集成开发环境(IDE),专为JavaScript、TypeScript、HTML和CSS等前端技术设计。由JetBrains公司开发,它提供了丰富的代码补全、语法高亮、智能提示、重构等功能,大大提升了前端开发的效率...