`
liuguofeng
  • 浏览: 449714 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

超强JavaScript编辑器WebStorm上安装zenCoding

 
阅读更多

给力的webStorm上缺少zencoding支持,那可真是编码不知码味,吃饭没有盐味,泡妞没有香味,人生没有趣味。

先下载zencoding for IntelliJ.IDEA

address:

http://code.google.com/p/zen-coding/downloads/list

WebIDE and IntelliJ IDEA Zen CSS 1.0 Sep 2009 7.3 KB 820 WebIDE.Zen.CSS.1.0.zip  
WebIDE and IntelliJ IDEA Zen HTML 1.0 Sep 2009 4.7 KB 917 WebIDE.Zen.HTML.1.0.zip  
WebIDE and IntelliJ IDEA Zen Coding 1.0   Featured

下载三个后解压。

然后找到以下目录:

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

    随着时间的发展,Zen Coding已经逐渐演变为一个跨平台、跨编辑器的通用解决方案,支持众多流行的代码编辑器,如Visual Studio Code、Atom、WebStorm等。 Zen Coding的核心功能在于快速输入和扩展HTML、CSS以及其他...

    JavaScript编辑器有提示

    综上所述,选择一个具备良好JavaScript提示功能的编辑器对于开发者来说至关重要。不同的编辑器各有优势,应根据自身需求和喜好进行选择。同时,不断学习和掌握编辑器的高级功能,可以进一步提升开发效率和代码质量。

    javascript开发工具WebStorm教程用户界面简介中文WORD版

    资源名称:Javascript开发工具WebStorm教程用户界面简介 中文WORD版   内容简介: 本文档主要讲述的是Javascript开发工具WebStorm教程:用户界面简介;WebStorm是一款优秀的...

    Zen.Coding-Dreamweaver.v0.7

    Zen Coding(现在的Emmet)不仅限于Dreamweaver,还被广泛应用于其他文本编辑器和IDE,如Sublime Text、Visual Studio Code、WebStorm等,这反映了其在Web开发领域的普遍性和实用性。通过熟练掌握Zen Coding,开发者...

    WebStorm安装很简单

    WebStorm安装很简单

    zen Coding

    随着Zen Coding的发展,它演变为现在的Emmet,增加了更多功能和对更多编辑器的支持,包括但不限于: - **多语言支持**:除了HTML和CSS,Emmet还支持XML、SVG、Markdown等多种标记语言。 - **插件集成**:Emmet已...

    谷歌浏览器 webstorm 网页开发调试插件

    谷歌浏览器的WebStorm网页开发调试插件,全称为"JetBrains IDE Support",是由知名软件开发公司JetBrains推出的一款高效工具。这款插件专为提升前端开发者的工作效率而设计,尤其适用于那些使用WebStorm作为主要集成...

    webstorm linux5上安装失败

    ### WebStorm 在 Linux5 上安装失败问题解析及解决方法 #### 问题背景 在尝试于 Linux5 系统上安装 JetBrains 的 WebStorm 开发工具时遇到了安装失败的问题,错误提示为:“No JDK found. Please validate either ...

    HTML+JavaScript+CSS+WebStorm开发技巧

    HTML+JavaScript+CSS+WebStorm开发技巧

    webstorm安装与设置.docx

    WebStorm 安装与设置 本文档主要介绍 WebStorm 的安装和设置,涵盖了 Web 前端开发的基本概念、IDE 介绍、WebStorm 使用和 HTML 介绍等内容。该文档旨在帮助读者了解 Web 前端开发的基础知识,并掌握 WebStorm 的...

    JavaScript编辑器

    JavaScript编辑器是编程人员在开发JavaScript代码时必不可少的工具,它们极大地提高了开发效率,提供了诸如语法高亮、代码补全、错误检查等重要功能。在众多的JavaScript编辑器中,有一些因其优秀的特性和用户友好性...

    javascript编辑器

    JavaScript编辑器是程序员进行JavaScript开发的重要工具,它提供了丰富的功能,旨在提高开发效率,优化代码质量和增强编程体验。本文将深入探讨JavaScript编辑器的核心特点、关键功能以及如何选择适合自己的编辑器。...

    javascript 编辑工具

    目前市面上的JavaScript编辑工具有很多,如Visual Studio Code、Sublime Text、Atom、WebStorm等。这些工具各有特点,开发者可以根据个人喜好和项目需求进行选择。 Visual Studio Code(VSCode)是微软推出的开源...

    js编辑器,帮助调试javascript脚本

    本文将详细介绍JS编辑器的功能、选择标准以及如何利用它来调试JavaScript脚本。 **JS编辑器的功能** 1. **代码高亮**:编辑器通过不同颜色突出显示代码中的关键字、变量、函数等元素,使代码更易于阅读和理解。 2....

    前端开发IDE、JS神器WebStorm5教程------免费下载.pdf

    WebStorm 5 的 Mozilla Firefox 的 JavaScript 调试器功能可以调试 JavaScript 代码。 HTML 和 JavaScript 断点定制 WebStorm 5 的 HTML 和 JavaScript 断点定制功能可以设置断点属性。 批量代码分析 WebStorm 5...

    nodejs+express+webstorm配置及安装

    nodejs+express+webstorm配置及安装

    WebStorm eslint 插件

    在WebStorm中,ESLint是一个不可或缺的工具,它是一个静态代码分析器,用于检测并修复JavaScript代码中的潜在错误和风格问题。本文将深入探讨WebStorm中安装和使用ESLint插件的过程以及其重要性。 首先,让我们了解...

    WebStorm Chinese Language Pack(中文语言包)

    例如,在Windows上可能是"C:\Program Files\JetBrains\WebStorm XX.x\lib",其中"XX.x"代表WebStorm的版本号。 3. 将"resources_zh_CN.jar"文件复制到上述路径的lib目录下。 4. 最后,关闭正在运行的WebStorm,然后...

    JavaScript编辑工具

    5. Notepad++:Windows平台上的免费文本编辑器,支持多种语言,适用于初级开发者。 三、如何选择合适的JavaScript编辑器 选择编辑器时,应考虑以下因素: 1. 功能需求:根据个人习惯和项目需求,确定需要哪些功能...

    webstorm汉化包下载

    WebStorm是一款非常流行的集成开发环境(IDE),专为JavaScript、TypeScript、HTML和CSS等前端技术设计。由JetBrains公司开发,它提供了丰富的代码补全、语法高亮、智能提示、重构等功能,大大提升了前端开发的效率...

Global site tag (gtag.js) - Google Analytics