下载地址 https://www.jetbrains.com/products.html?fromMenu CTRL + F12 / COMMAND + F12 打开类中的结构 Ctrl + b / command + b 跳转到父类中(光标需要放置在类名上,如extend.implements指定的类名) ALT + CTRL + S / command + , 打开设置总窗口 alt + 1/command + 1 关闭左侧菜单栏 ctrl + E / command + E 查看最近操作的…

先去官网下载webstorm2016.1.3版本(目前只知道2016.1这个版本可以永久破解,不会过期) 再下载webstorm2016.1的破解补丁 将下载好的破解补丁解压,会有一个JetbrainCrack-2.5.3.jar文件,ok,就是他,ctrl+c 打开你安装好的webstorm的位置,找到bin文件夹,并打开.ctrl + v,将解压了的破解补丁粘过来. 接着,找到bin文件夹下的Webstorm.exe.vmoptions和WebStorm64.exe.vmoptions文件,…

1.怎么去掉webstorm中间那条线? 如图: 2.webstorm 常见快捷键 1.代码导航和用法查询:只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:可以全项目查找函数或者变量,还可以查找使用并高亮: 2.代码检查和快速修复:可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复. 3.代码结构浏览:可以快速浏览和定位 4.ctrl+alt+L:格式化代码 5.点击函数名,跳到变量申明处:ctrl+B; 6.Ctrl+R:替换文本 7.+P:方法参数提示 8.ct…

1.进入webstorm官网 http://www.jetbrains.com/webstorm/,点击DOWNLOAD,开始下载webstorm安装包. untitled.png 2.开始安装 双击安装包,将下图中左边图标按住拖到右边文件夹里 2.png 勾选Activation code 3.png 进入网站http://idea.lanyus.com 4.png 点击“获得注册码,出现如下弹框 5.png 复制注册码,黏贴到刚才出现的这个对话框里. 6.png 点击ok 7.png 到这一…

首先有这个插件,其设置如下,选中即可 打开和关闭方法: https://www.jetbrains.com/help/webstorm/vim-emulation.html https://plugins.jetbrains.com/plugin/164-ideavim https://www.cnblogs.com/dc10101/archive/2013/01/02/2841900.html…

现象一: module.js:557     throw err;     ^ Error: Cannot find module 'puppeteer'  at Function.Module._resolveFilename (module.js:555:15) at Function.Module._load (module.js:482:25) at Module.require (module.js:604:17) at require (internal/module.js:11:1…

WebStorm 关闭自动保存功能添加*星星标记为什么要关闭自动保存?      ​ 在前端项目工作当中,往往会采用自动化环境(Gulp.webpack等)当文本发生变化的时候就会自动编译代码.在webstrom中,切换窗口的时候webstorm就会自动帮助开发者保存,这个功能本来是帮助开发者提高工作效率的.给开发者带来方便的同时也带来了一定的弊端,例如频繁的保存,自动化环境就会帮助我们编译代码,如果项目源码体积非常庞大,就会给电脑的运行带来一定的负荷. ​ 因此,关闭自动保存功能,选用开发者手…

Webstorm的安装和免费使用 IntelliJ IDEA 注册码 (webstorm注册码):http://idea.lanyus.com/ (已经不能获取注册码了,之前的注册码可以重复使用) 安装教程 参考   : https://blog.csdn.net/fu983531588/article/details/89312799 webStorm汉化教程 参考:https://blog.csdn.net/qq_33915006/article/details/79696319 不同版本对…

1.自动生成vue文件模板,如图…

首先勾选Match Case 和 Regex 正则规则:无须添加//左右分解符,直接写正则表达式,注意应该转义的部分,需要原封不动替换的部分加上括号 替换规则:正常书写正则,要继承下来的字符使用$1.$2进行标识 下面是我替换前端代码做国际化用到的,可以参考下 标签文本 >([(\u4E00-\u9FA5\u3002\uff1b\uff0c\uff1a\u201c\u201d\uff08\uff09\u3001\uff1f\u300a\u300b)]+)< >{ formatMessag…

第一步:从官网下载最新版本的webstorm编辑器(建议在官网下载,防止第三方插件恶意攻击!): 下载链接  http://www.jetbrains.com/webstorm/  , 点击 DOWNLOAD 即可下载软件:之后傻瓜式安装就可以了. 第二步:因为本人是mac系统的电脑,我就给大家演示一下mac版破解操作步骤. 下载破解补丁( JetbrainsCrack-2.5.6.jar ),链接: https://pan.baidu.com/s/1i7cRFrJ  密码: 3fq7 打开fi…

Sublime是一款功能非常强大的轻量级的代码及文本编辑工具,有关它的介绍和下载可以从官网http://www.sublimetext.com获取.尽管Sublime并非是一款完全免费的IDE开发工具,要获取商业许可和License你需要支付一定的费用,尽管很便宜!不过这并不影响你使用Sublime的所有功能.我相信以下的10个理由足够让你很快喜欢上它! 无任何学习难度,快速上手,不需要掌握任何编程相关的背景知识.因为它本身就是一款文本编辑工具. 强大的编辑功能,支持多点编写.允许在文档中的不同…

~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Webstorm version 2018.2  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1. Ctrl + Shift + N : 打开当前工程下任意目录的文件(查找文件) 2. Ctrl + J : 任意处使用可输出模板3. Ctrl + B : 跳到变量申明/函数处4. Ctrl + Alt + T : 围绕包裹代码5. Ctrl + [] : 匹配 {}[]6. Ctrl + F12 : 可以显示当前文件的结构(…

2018WebStorm注册码   2018-10-10 2018年08月22日 17:36:58 阳光明媚的味道 阅读数:6325   8月21日 http://webstorm.autoseasy.cn/xixi https://s.tuzhihao.com:666 http://idea.toocruel.net 如果大家想看更多更新的注册码,可以访问 https://blog.csdn.net/hdp134793/article/details/81530472 8月9日 https:/…

WebStorm建立在开源IntelliJ平台之上,JetBrains已经开发和完善了超过15年.其提供了统一的UI,可与许多流行的版本控制系统配合使用,确保在git,GitHub,SVN,Mercurial和Perforce之间提供一致的用户体验.WebStorm提供可定制功能,调整它以完全适合您的编码风格,从快捷方式,字体和视觉主题到工具窗口和编辑器布局. 智能编码辅助 WebStorm可以帮助您编写出色的代码.其智能编辑器具有代码完成,动态代码分析,代码格式化和重构,可提高您的工作效率,并…

在使用webstorm编辑器开发时候,点击4处发生以下错误: Page 'http://localhost:63340/n…tok/css/bootstrap.css.map' requested without authorization,  you can copy URL and open it in browser to trust it. 之前在1处文件夹,因引入了bootstrap集合包,含有bootstrap.css.map 这个文件,但是被我删除了,按理说已经删除了  2处也没引…

我们在写样式代码时,对不同平台会有不同的兼容性写法,会在代码前加前缀,但是手动加前缀很费时间而且很容易弄错.Webstorm编辑器是有自带补全前缀功能的,那为什么还要写这篇配置博客,因为Webstorm编辑器并不能把所有的样式代码给你补全,此时加上autoprefixer双剑合璧确保万全.下面是配置步骤:          1.这个不用说,autoprefixer要先安装,那安装autoprefixer用到npm,要用npm就要有node.js,所有第一步是安装node.js,网上很多教程,这里…

首先,React.js是facebook在2013年5月开源的一个前端框架,React不是一个MVC框架,它是构建易于可重复调用的web组件,侧重于UI, 也就是view层, React为了更高超的性能而使用虚拟DOM作为其不同的实现. 它同时也可以由服务端Node.js渲染 - 而不需要过重的浏览器DOM支持, React实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单.因其新颖独特, 目前在国内还没有很多的应用.但是其性能出众,代码逻辑简单,近来越来越火.目前还…

原文链接 : Debugging Node.js in Chrome DevTools 原文作者 : MATT DESLAURIERS 译文出自 : 掘金翻译计划 译文链接 : https://github.com/sqrthree/sqrthree.github.io/issues/8 译者 : sqrthree (根号三) 校对者: shenxn.CoderBOBO 这篇文章介绍了一种在 Chrome 开发者工具里面开发.调试和分析 Node.js 应用程序的新方法. devtool 最近我…

一.什么是SASS SASS是一种"CSS预处理器"(css preprocessor)的开发工具,为CSS加入编程元素,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护. 二.安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的语法没有关系.不懂Ruby,照样使用.只是必须先安装Ruby,然后再安装SASS.先导官网下载个ruby 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,…

http://blog.csdn.net/kongjiea/article/details/48262851 http://www.jb51.net/article/58310.htm http://blog.csdn.net/kongjiea/article/details/48262851 0.重装webstorm.需要重新输入注册码方可进入,注册码是: User Name: EMBRACE License Key: ===== LICENSE BEGIN ===== 24718-12042…

1.typescript介绍 微软开发的一门编程语言,javascript的一个超集,遵循最新的ES6脚本语言规范(2015年发布),它扩展了Javascript的语法,任何已经写好的javascript程序都可以不加改动的在typescript环境下运行,它只是想javascript添加了一些新的遵循ES6的语法,以及基于类的面相对象编程的特性.angular2框架2016年9月底发布,是由typescript语言来编写的:typescript是由谷歌和微软在背后支持的,有可能成为前端脚本语言…

前言: 在做纯静态页面开发的过程中,难免会遇到一些的尴尬问题.比如:整套代码有50个页面,其中有40个页面顶部和底部模块相同.那么同样的两段代码我们复制了40遍(最难受的方法).然后,这个问题就这样解决了.再然后,产品经理看了几遍后突然说顶部的某块需要改改设计...突然感觉好尴尬~~(心里是万马奔腾~),然后呢?然后就期待下一次的万马奔腾!!! 虽然类似问题的解决方案很多,但是纯前端,不用各种框架的情况下,一种比iframe更靠谱的解决方案莫过于用像gulp这样的构建工具来完成.虽然在体验上也许…

一.W3C标准 1)W3C标准不是某一个标准,而是一系列的标准的集合,一个网页主要由三部分组成,即结构(Structure),表现(Presentation)和行为(Behavior) 2)不很严谨的说"结构","表现","行为"分别对应了三种非常常用的技术,即HTML,CSS,JavaSxript.也就是说HTML用来决定结构和内容,CSS用来设定网页的表现样式,JavaSpcript用来控制网页的行为 3)W3C标准包括结构化标准语言(HTM…

源:http://www.cnblogs.com/jn1223/p/6656956.html vue-cli中安装方法   vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1.安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都比较好) 2.在目标文件夹下打开终端 3.执行cnpm install vue-cli -g 全局安装 运行vue查看安装是否…

前言: 在做纯静态页面开发的过程中,难免会遇到一些的尴尬问题.比如:整套代码有50个页面,其中有40个页面顶部和底部模块相同.那么同样的两段代码我们复制了40遍(最难受的方法).然后,这个问题就这样解决了.再然后,产品经理看了几遍后突然说顶部的某块需要改改设计...突然感觉好尴尬~~(心里是万马奔腾~),然后呢?然后就期待下一次的万马奔腾!!! 虽然类似问题的解决方案很多,但是纯前端,不用各种框架的情况下,一种比iframe更靠谱的解决方案莫过于用像gulp这样的构建工具来完成.虽然在体验上也许…

前言 CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码看起来更加整洁.CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借助工具,不太容易按照既定的顺序来定义CSS属性,这是前端程序员很少给CSS样式属性排序的最主要原因. 尽管给CSS样式属性排序需要花费一些精力,但从代码的可读性和可维护性角度来考虑,这些付出还是值得的.如果CSS属性按照一定的规则排序,在开发过程中可以防止属性的重复定义,代码的检查者也能很清晰地查看…

命令行工具 devtool ,它可以在 Chrome 的开发者工具中运行 Node.js 程序. 下面的记录显示了在一个 HTTP 服务器中设置断点的情况. 该工具基于 Electron 将 Node.js 和 Chromium 的功能融合在了一起.它的目的在于为调试.分析和开发 Node.js 应用程序提供一个简单的界面. 你可以使用 npm 来安装它: npm install -g devtool 在某种程度上,我们可以用它来作为 node shell 命令的替代品.例如,我们可以这样打开一…

一般在网站发布时,会压缩前端HTML.CSS.JavaScript代码及用到的资源文件(主要是图片文件),目的是加快文件在网络中的传输,让网页更快的展现.当然,CDN分发.缓存等方式也是加快代码或资源文件传输的方式,但压缩代码和资源文件是最简单有效的手段,代码压缩的优点逐渐得到了大部分的开发者的认可,并已经成为了Web前端开发中不可或缺的一个步骤.以下是代码和资源压缩的具体实践方法. 1. Web服务器开启Gzip压缩 在HTTP协议中允许客户端可以选择从服务器上下载压缩的内容,Gzip就是其中…

因为忙其它的事,把Node.js的学习放下了快两个月了,世事变化还真快,发现很多东东都改变了,express已经升级到4.x了,变化还不小! 我原来的学习过程是在VirtualBox中安装Ubuntu.12.04amd64,心血来潮,想换成Ubuntu.14.04amd64,发现装不上,转念一想,是不是VirtualBox该升级了!把VirtaulBox升级到最新4.3.12 r93733还真可以了,呵呵! 下面把环境的建立过程,以及相关问题记录如下: 1.建立虚拟目录,把win7下的目录映射到…