WebStorm 使用经验】的更多相关文章

    1.优点 1.1 可自动提示图片的宽高 1.2 标签名字可重构(改名) 1.3 css重命名 1.4 可把内联的style移到外部 1.5 可实现声明提升 1.6 设置项是可搜索的 1.7 有本地版本控制 1.8 主要是对流行技术的支持,比如Node.js,less,sass,jq,ext,prototype等框架的支持 . 1.9 有注册机可用来注册.   问题 答案 vscode对应的方式 搜索引用 alt f7 固定列表展示 ctrl alt f7 临时列表展示 shift + f…
最近想使用WebStorm来写pomelo,初次使用WebStorm,网上找了老半天根本没有介绍WebStorm如何创建或者打开运行pomelo的教程,网易pomelo官网介绍的使用 WebStorm IDE 调试 Pomelo 应用程序,对于没有WebStorm使用经验的我来说,那叫蛋疼,经过不断摸索,最终总算弄出来了,写给新手们看看. 1.安装WebStorm 6.0 (1)windows下就不用多说了,下载地址:http://www.jetbrains.com/webstorm/,下载一个…
有一次 ,我改了公共组件里的好多组件 ,然后我肯定是哪里改的不对 ,出语法错误了 ,但是我的 webstorm 编译并没有报错,然后我就手动一点点 改 ,去看 ,最后还是没有找到 ,我就把文件夹给删了,重新 放进来一个master 分支上的 ,这样就导致之前是谁提的代码 ,git 左边那个记录全部是我了 ,其实最开始我担心会出现这个问题,我不知道会不会这样,我重新放进来之后特意查看了一下,那时候没出现这个问题 ,不是全都是我 ,我也是后来好久之后才发现这个文件夹下面全都变成了我,这我就很懵逼了…
安装 ESLint 基于 Node 平台,所以 Nodejs 是必须安装的,然后通过 npm 安装 ESLint 包,至于全局安装还是作为开发依赖安装,取决于个人. 然后在 WebStorm 中,打开设置(File>Setting或者Alt+F7),按路径进入 ESLint 的配置界面(Languages&Frameworks>JavaScript>Code Quality Tools>ESLint).开启 ESLint,并配置相应路径,配置文件默认使用.eslintrc.…
Webstorm+Webpack+echarts   ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表. ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化.   1.npm…
使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这篇文章进行安装和破解http://www.cnblogs.com/chengxs/p/6245281.html 2.然后需要你的电脑安装了node.js. 可以参考这篇文章http://www.cnblogs.com/chengxs/p/6221393.html 2.第一种方法:使用命令行窗口.可以在你要创建…
一.webstorm下载 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HTML5编辑器"."最智能的JavaScript IDE"等.与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能. 官方网站:https://www.jetbrains.com/webstorm/download/download-thanks.…
WebStorm 2016 最新版激活(activation code方式) WebStorm activation code WebStorm 最新版本激活方式: 今天下载最新版本的WebStorm,发现原来的通过license server激活的方式,网上的已经失效. 找到一种最新的激活码,今天试了下,是有效的.记录下. 注册时,在打开的License Activation窗口中选择“activation code”,在输入框输入下面的注册码 43B4A73YYJ-eyJsaWNlbnNlS…
JetBrains WebStorm注册码 UserName: William License Key : ===== LICENSE BEGIN ===== 45550-12042010 00001SzFN0n1bPII7FnAxnt0DDOPJA INauvJkeVJBuE5bqLEznccE4tet6tr RiyoMxDK8oDY93tx!ipPyGmqYYeWxS ===== LICENSE END =====…
WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 文章来源:葡萄城产品技术社区 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General…
下载webstorm 下载node.js编译器npm   Webstorm的安装很简单.但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好. 安装tsc编译命令   node.js 安装pkg包一路点next后进入终端,键入npm验证是否成功.   npm 安装成功后继续安装tsc编译器,键入:npm install -g typescript (如果有权限问题就加上sudo即:sudo npm install -g typescript…
1,简介 WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具.功能强大的前端专用IDE,拥有即时编辑(chrome).自动完成.debugger.Zen Coding.HTML5 支持.JSLint.Less支持.CoffeeScript支持.Node.JS.单元测试.集成git和svn版本控制等特性,推荐前端工程师使用. Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键. 2,下载安装及注册 2.1…
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 高亮…
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的安装路径,点击…
近期随着项目开展,文件逐渐增大,webstrom频繁出现卡顿,而且时有崩溃现象,提示没有足够的内存来执行请求的操作,需要增加Xms设置. 解决办法: 1.找到WebStorm.exe.vmoptions这个文件,路径JetBrains/WebStorm/binWebStorm.exe.vmoptions 2.使用notepad++打开后,进行如下修改: 第二行:-Xms526m 第三行:-Xmx1024m(ps:-Xms最大值不能超过1024,否则webstorm将无法打开) 3.重启webst…
MyEclipse10--的使用经验总结 ------------------ 1.MyEclipse中的验证validation----->>用MyEclipse做ExtJs项目研发的时候.导入项目会出现很长时间的JS验证.. 其实有很多的验证是因为:开发工具的版本太低了,兼容性不够,换更高的MyEclipse编译器版本, /--------取消myeclipse自动validation取消方法:windows–>perferences–>myeclipse–>valida…
Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作.换句话说,在Webstorm/Phpstorm中操作ftp能找到原来版本控制的感觉.唯一的缺点是:上传,下载的打开链接要稍费时间,适合的场景在于单文件的编辑,这个如果网速够快一般可以忽略,而且就个人体验,虽然链接的速度稍慢,传输的速度并不慢. 1…
一句话总结:用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代码时,如…
webstorm 2016.3 可用激活码, 使用activation code方式激活 就这么任性,就这么长 43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImN…
使用webstorm一段时间了,这里分享一下常用到的快捷键,不用死记,孰能生巧! Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*-*/ ) Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查找行 Ctrl+Shift+Up/Down 代码向上/下移动. F2 或Shift+F2 高亮"错误"或"警告"快速定位 Tab 生成代码 选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失 C…
webstorm破解版地址:点这里 1.随便在一个目录下下载ReactNative-LiveTemplate插件,命令为: git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate 2.打开webstorm点击file(文件)->import settings(导入设置)-> ReactNative.jar,选择第一步你刚下载的插件.如下便没有红色波浪线了. 3.打开file->settings语言和框…
webstorm基础使用总结(不仅仅是一堆快捷方式) 注:原文链接: 水车 :  本次写的内容是我想到那个就写那个,都是本人平时写代码的时候的一些习惯,未必是最好的,贵在交流! 1:  shift+enter 解释:不管光标在任何位置,都会跳的下一行; 举例:在写代码时难免会有些自动补全的代码,比如我们敲 func 会提示一个函数生成,而此时光标在圆括号里,我们又不用写形参,这是按shift+enter是最好的: 这里光标由1跳到了2 2:多光标编辑代码 Alt+鼠标左键 解释:我们在写css或…
本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标. 上阵子开始玩 Vuejs,在 Vue 中,可以 .vue 文件实现组件化,但各种编辑器都支持不好,作者也给sublime开发了相关的vue插件.我觉得用sublime就是在浪费生命啊,花那么多时间…
http://www.jetbrains.com/ 以前的 http://idea.lanyus.com/ 不能激活了 有帖子说的 http://15.idea.lanyus.com/ http://121.42.190.89:1025 http://idea.qinxi1992.cn/ 都激活不了了. 最新能激活的地址: jetbrains旗下的各类软件都能激活 The smartest JavaScript IDE WebStorm 2016.2 版本 注册的时候,选择License ser…
照前文 http://www.cnblogs.com/wtang/articles/4133820.html  给电脑设置了WebStorm的IDE的nodejs开发环境.新建了个express的网站项目.想给网站增加数据库功能,于是需要导入一个包(packages).在nodejs中操作mongodb很方便的包是mongoose.那么在WebStorm中添加包的方法是 我的WebStorm的版本是8.0.3,在File->Settings->(Project Settings[项目名]) N…
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 高亮…
Xcode是强大的IDE(但个人觉得不如Visual Studio做得好),其强大功能无需本人再赘述,本文也不是一篇“快捷键列表”,因为XCode上的快捷键极其多,而且还有不少是需要同时按下四个按键的,谁记得住那么多?我一开始也在想苹果干嘛把这些快捷键弄这么复杂,但后来发现换成我来设计的话也简单不去哪里,你想Mac的键盘上来来去去也就那么点按键了,没办法的了.好,闲话少说,下面我将根据我的使用经验,给出一下我认为必须掌握的技巧. 界面控制 Navigation的使用 代码导航 查找 编辑 删除一…
小菜最近get到mac体验机会,早就耳闻mac非常适合做开发,于是迫不及待的安装各种开发工具,不知不觉,轮到前端开发神器webstorm了,看了一下官网的价格,心拔凉拔凉的. 果断搜索注册机,搜到的结果不少,20%是版本太旧,80%需要vip才能下载. 目前最新的是10+版本,勉强可以下载的都是8+版本,不太符合心思,而其他号称9+版本带注册机的,或者10+版本带序列号的,vip才能下载,既然不想买正版,却给盗版充值,哪有这样的道理. 如果读者因为这件事而苦恼,恰好又看到这篇文章,那么您的问题至…
WS中,比如调试每次都要写的console.log(xxx);每次都要敲一遍,还有if模块,for循环模块,难道没有快捷键,可以生成代码模块吗,答案是“有”. 操作步骤如下(汉化版WS): 1.Alt + F7打开设置页面: 2.找到如下模板,点击右边的“+”号添加Live Template设置关键字和代码,选择底下的Define选择JavaScript点击确定,即可:如图: 3.在代码中输入for点击“Tab”键,就看到我们添加的代码了,如图: 英文版WS设置:Webstorm > Prefe…