webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*-*/ ) Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查找行 Ctrl+Shift+Up/Down 代码向上/下移动. F2 或Shift+F2 高亮错误或警告快速定位 写代码,按Tab 生成代码 选中文本,按Ctrl+Shift+F7 高亮

在Windows 和 Linux 快捷键是 Alt+J,在 Mac OS X 系统下快捷键是 Ctrl+G . 参考 https://blog.jetbrains.com/phpstorm/2014/03/working-with-multiple-selection-in-phpstorm-8-eap/ 答案来自stockoverflow https://stackoverflow.com/questions/23304855/how-can-i-select-next-occurrence-

1,简介 WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具.功能强大的前端专用IDE,拥有即时编辑(chrome).自动完成.debugger.Zen Coding.HTML5 支持.JSLint.Less支持.CoffeeScript支持.Node.JS.单元测试.集成git和svn版本控制等特性,推荐前端工程师使用. Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键. 2,下载安装及注册 2.1

WebStorm是一款功能出色的JavaScript开发工具.号称是""Web前端开发神器"."最强大的HTML5编辑器"."最智能的JavaScript IDE"--废话不多说,直接上教程. 1.下载WebStorm 2016.2.3,可以直接去官网下载或者百度云下载. 2.下载完成,一步一步直接安装.具体流程图如下: 第一步,点击Next: 第二步,选择你要安装的位置: 第三步,点击Next: 第四步,点击Install: 第五步,

首先需要注册github帐号,具体方法自行百度/谷歌. 打开WebStorm,我用的是2016.2.4版本(如果你有edu邮箱的话,可以免费使用一年,不只是Webstorm,JetBrains全家桶都可以),打开File-Setting,搜索关键词git 不得不赞一下这个搜索功能,省了多少事o(*￣▽￣*)o4. 如上图,找到github,输入帐号密码,点击test,提示connection successful,说明已经连上了github. 接下来,在左边找到git,找到git的安装路径,点击

一句话总结:用WebStorm自带的File Watcher功能+Babel实现自动转换ECMAScript 6代码为ES5代码 1. 新建一个Empty Project,然后在src目录下新建了一个main.js: // 这一步不是必须的 只是刚上手的话 从空项目开始自己配置会少很多干扰 2. 进入设置,把JavaScript language version改成ECMAScript 6: 3. 再Then..写一段ES6代码 'use strict'; // node直接运行ES6代码时,如

如何更改主题(字体&配色):File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址 如何让webstorm启动的时候不打开工程文件:File -> Settings->General去掉Reopen last project on startup.如何完美显示中文:File -> Settings->Appearance中勾选Override default fonts

预编译器配置说明 开头语,发挥CSS预处器的作用是一种很有挑战性的事情.CSS预处器有不同的语言,就有不同的语法和功能. 语法 在使用CSS预处器之前最重要的是对语法的理解,幸运的是,这三种CSS预处器的语法和CSS都差不多. Sass和LESS都使用的是标准的CSS语法.这使用CSS预处器非常容易的将预处器代码转换成CSS代码.默认Sass使用".scss"扩展名,而LESS使用".less"扩展名: 重要的一点是,Sass也同时支持老的语法,就是不使用花括号和分

1. 打开Chrome浏览器,点击右上角的“自定义及控制”按钮,选择“更多工具”-->”扩展程序”,打开“扩展程序”页面. 其实以上步骤可以简化为:用Chrome打开chrome://extensions/,如上图所示. 2.点击“获得更多扩展程序”,进入“Chrome网上商店”,搜索“JetBrains IDE Support”扩展程序.点击“添加至Chrome”按钮,安装该扩展程序到Chrome.勾选后面的“应用”,安装成功后Chrome浏览器工具栏上会出现一个"JB"图标.

1.双击桌面Chrome图标,打开Chrome,按键盘“F12”键,打开开发工具界面,点击其右上角的“设置”按钮,勾选“Enable JavaScript source maps”  及“Enable CSS source maps”. 2.打开WebStorm,点File-->Settings,找到File Watchers,点右侧的“+”,选择LESS,更改对应项的设置如下: Program:C:\Users\wind\AppData\Roaming\npm\lessc.cmd   (les

事情的经过时这样的~  我写好的HTML 我新下载了sublime text3 用这个打开了下 结果都变乱码了~ 大概截个图 都恢复了 就不瞎搞了 webstorm有错误的记录都有真好~ 恢复的具体操作 这里 我的版本8.0.4 菜单 VCS--Local History --Show History  如果灰色  请把光标放在你需要恢复的的文件里 随便点击放一个地方就好了~ 截图 打开时大概这样  我现在已经恢复了 现在展示的有错误记录历史的文件 正常的是左边是正确的文件(就是你以前做的)右边

Sublime.WebStorm (PhpStorm) 是前端开发者的得力工具,开发 Jade 也不例外. 在配置这些软件的 Jade 开发环境前,请先在系统中安装 Node.js 和 Jade : 安装 Node.js,装好后重启电脑 安装 Jade Windows:cmd中运行 npm install jade --global Mac:运行 sudo npm install jade --global 配置 Sublime : 安装 Sublime Package Control,如果已经

今天下载了最新版本的WebStorm 7.反正又要重新设置一番了,干脆写下来记录到博客里面,免得以后每次忘了还要到处搜索比较麻烦. 加速 禁用多余的插件,关掉没必要的代码检查项.webstorm慢的原因主要是2点: 插件加载太多,把什么GIT SVN GITHUB FTP....禁掉,其实都没必要. 代码检查,如果你不设置一下,每次检查都要很长时间,而且CPU不给力的电脑就会很卡. 不过有个插件是我必须装的,css-x-file. 添加项目 默认情况下一次只能打开一个项目,如果需要打开多个就按照

这里把我使用webstorm与SAE的svn仓库链接: 1.先得设置webstorm中的版本控制,File->Settings->Version Control->Subversion进行如图设置:(红色框中的勾要去掉)

1. 前置条件.已按ThinkJS 2.0 文档 之 <创建项目> 建好项目. 说明a: 本示例创建项目名为wagang,使用es6配置: thinkjs new wagang --es6 说明b: 最后两步(启动项目.访问项目)后,控制台输出如下. 2. 用WebStorm打开项目,修改/src/home/logic/index.js,添加两行代码. 本文内容,在13行位置设断点进行调试. 3. 我的WebStorm版本为10.0.4,按以下步骤添加一个debug: --->>&

1. 打开Nodejs官网http://www.nodejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”. 2. 下载好后,双击“node-v0.10.33-x64.msi”,按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs. 3. “开始”-->cmd,打开cmd程序,输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都

新建Scheme + 修改字体 ctrl+alt+s打开Settings界面,Editor > Colors&Fonts > Font. Default scheme是亮色调,但我想定制一套暗背景的环境,所以在右侧Scheme name下拉框中选择Monokai,以此作为修改的基础,然后点击Save as,给自己新建的Scheme起个名字吧,如下图: 这里面可以设置字体(我一般选择Consolas),字体大小,行间距. 自定义语法高亮 用ctrl+alt+s打开Settings界面,E

前言 相信大家接触过不少node代码了,如果你应用的比较初级或者针对你的项目不需要接触过深的node代码,也许你仅仅需要简单的console.log('your variable')就完全满足你的需要了.如果你应用node比较深入,想要调试(debug)之,我想你应该接触过node-inspector,大致用法流程,简单如下—— 1.安装:npm install -g node-inspector 2.启动debug模式(单独命令行): node-debug &(该命令默认8080端口) nod

Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心.比如函数追踪功能的确实,找个创建函数的地方很麻烦 这时候就该 WebStorm 出场了 0.无法输入中文句号.顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他). 启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded. 项目目录中会生成一个 .idea 目录,删除这个目录即可删除 websto

phpstorm对于使用PHP开发web的人员来说,是一个非常不错的编辑开发IDE,以前用过sublime,但是相比于storm,sublime在浏览legacy代码,类代码编辑方面明显要逊色不少.同时其代码调试功能是我见过的web开发IDE中是最棒的!倾情推荐.对应的webstorm对于js开发也是非常棒! project->setting->Autoscroll to source.from source选中即可实现sublime一样单点就打开文件浏览的工作模式,同时你在editor中的文

通过webstorm发布遇到问题 Invalid descendent file name "/". 解决方案为 点击[Advanced options]勾选[always use list command] 有问题请教可以通过邮箱联系我 yehui1989@qq.com 来自为知笔记(Wiz)