在开始讲 Angular 各个核心知识点之前,想先来讲讲开发工具 WebStorm 的一些配置以及相应配置文件如 tslint.json 的配置. 因为我个人比较注重代码规范.代码风格,而对于这些规范,我只有一个观点:一切需要依赖开发人员的主观意识去遵守的规范都没有多大意义. 以前做 Android 开发时会借助 AndroidStudio 来强制遵守一些规范,现在前端项目我用的是 WebStorm 开发,这两个开发工具本质上同源,所以很多功能都差不多. 那么,这篇就来讲一讲,如何对 WebSt…

WebStorm快捷键收集:模式visual studio 代码提示:ctrl + alt + 空格 代码补全:alt + / 代码换行:ctrl + shift + 上下箭头 重新运行:ctrl + F5 最近使用试图:ctrl + E 围绕包裹代码: ctrl + alt + T…

常用快捷键 代码编辑 ctrl + d:复制行 ctrl + y:删除行 ctrl + x:剪切行 ctrl + shift + ↑: 行移动 ctrl + shift + enter: 换行 ctrl + /:注释 ctrl + shift + /:块注释 ctrl + alt + L:格式化代码 ctrl + w:逐步外包围 ctrl + 左键单击:跳转定义 alt + f7:查看调用者 代码重构 shift + f6:修改函数名/变量名/文件名,可查看所有引用位置 ctrl + alt +…

我常用的IDE设置和功能 1) 使用IDE管理远程主机 Tools -> Deployment -> Browse Remote Host 其中功能十分强大 自己去探索 关键提示: 手动/自动提交代码到远程主机 编辑器界面单击右键 或者配置 Tools -> Deployment -> Automatic Upload(always) 实现Ctrl + S自动提交 2) ssh远程主机 3) 使用IDE管理数据库 4) 使用IDE管理Git IDE右下角管理Git分支 5) 常用代…

Webstorm激活破解码 2017-06-15更新 之前都是使用2017.2.27的方法,版本是2017.1.1,还没提示过期,但是根据评论说这个链接已经失效了,评论也给出了个新地址:http://idea.iteblog.com/key.php 感谢 @qq_35381272 友情提供 2017.2.27更新 选择"license server" 输入:http://idea.imsxm.com/ 2016.2.2 版本的破解方式: 安装以后,打开软件会弹出一个对话框:选择&quo…

http://my.oschina.net/maomi/blog/137807#OSC_h2_5 WebStorm混搭svn WebStorm混搭nodeJS webstorm简单介绍 webstorm设置技巧 webstorm使用心得 WebStorm集成git使用 WebStorm常用快捷键 webstorm快捷键说明 [亲身实测] WebStorm混搭svn WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 [网络转帖] webstor…

webstorm简单介绍 官网地址:http://www.jetbrains.com/webstorm/features/index.html 参考地址:http://www.html5jscss.com/ide-webstrom-27.html 欲先善其事,必先利其器,如题.看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件,(传说淘宝内部推荐写js用webstrom) 我们可以理解 IDE 就是集成了很多…

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

---------------------------------------------------------------------------------[亲身实测] WebStorm混搭svn WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 ----------------------------------------------------------------------------------------------[网…

WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的. 好处:省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了. 坏处:没有以前的 * 标识,万一键盘误操作也会被立即存储. 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有. vcs->Local Hist…

大家好!我是木瓜太香,今天给大家带来一个 webstorm 小技巧 场景:有使用过 vue 框架并且使用 iview 做 ui webstorm 做 ide 的同学,可能会遇到一个比较奇怪的问题,iview 中有一个 Col 的组件,这个组件作为一个布局组件存在,但是他和 html 原生标签 col 重复了,iview 中 Col 需要是双标签,原生 html 中 col 是单标签,webstorm 就会认为他是单标签,在展开的时候也就只是单标签了. 解决的办法其实比较简单,我们可以在 webs…

WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的.好处:省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了. 坏处:没有以前的 * 标识,万一键盘误操作也会被立即存储. 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有. vcs->Local Histo…

一.            webstorm取色技巧:webstorm内置了颜色取色器,我们对某种颜色未知的时候,可以利用下图中的取色器,进行颜色识别. 二.系统会默认给body添加外边距,因此我们对于这种情况应该首先去掉这些内外边距,在企业开发中为了更好的控制盒子的宽高和计算盒子的宽高等等,所以在企业开发过程中,编写代码之前第一件事情,就是清空默认的边距. 如何清空呢? 我们利用前面学过的通配符选择器,给默认标签去掉属性,因为优先级低,所以不影响我们已经设置好的标签,只给没有设置的标签进行去除…

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 文章来源:葡萄城产品技术社区 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General…

webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享.webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu.com/s/1pJI9PMVWebStorm为前端javascript开发而生,专门为 javascript开发做了很多优化,令前端工程师眼前一亮的. 一.webstorm的功能 1.webstorm的智能的代码补全: 支持不同浏览器的提示,还包括所有用户自定义的函数(项目中) 代码补全包含了所有流行…

最近入了nodejs的坑,作为老码农,js对我来说还是很容易的.webstorm虽说用得不多,但是pycharms我是老手了,idea的东西一脉相承,想想也就那样了. 但是自从看了某个视频后,觉得毕竟老外就是牛啊. 先发视频"WebStorm - MEAN Stack Walkthrough and Tips",地址:http://www.tudou.com/programs/view/txhBUA7fcNA/?resourceId=0_06_02_99 另外有一个视频也值得推荐看看:…

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

<!DOCTYPE html> Sublime Text webstorm等编译器快速编写HTML/CSS代码的技巧--summer-rain博客园 xiayuhao 东风夜放花千树. 博客园 首页 新随笔 联系 订阅 管理 随笔 - 106  文章 - 0  评论 - 9 Sublime Text.webstorm等编译器快速编写HTML/CSS代码的技巧 Sublime Text.webstorm等编译器,如果你从事Web前端开发的话,对这几款软件一定不会陌生.它使用仿CSS选择器的语法来…

先发视频“WebStorm - MEAN Stack Walkthrough and Tips”,地址:http://www.tudou.com/programs/view/txhBUA7fcNA/?resourceId=0_06_02_99 另外有一个视频也值得推荐看看:Node.js Development Workflow in WebStorm,地址:http://www.tudou.com/programs/view/8r8Iy7BOj7g/ 下面说说“WebStorm - MEAN…

在 html 的元素中,如果输入属性,默认会填充 引号,在 react 书写中非常不方便. 其中的JSX很多时候是不需要 quotation 的,只是需要一个 括号 {} 即可. 自己找了下webstorm中的设置,发现在 webstorm 中是可以进行设置的. 方法如下: 设置->Editor->general->Smart Keys 找到其中的 Add quotes for attribute value on type = …..   取消勾选即可.   还有一个未发现的使用技巧.…

我总结一些我发现的比较实用的功能,内容来自日常工作中用到的功能.图片来自PPT,是在公司内部的分享. 你不知道的webstorm进阶使用技巧 1.双击shift 全局搜索,可以搜索代码.设置等. 如果你不知道有些配置在哪里,只管双击shift按键,然后在搜索框输入关键词即可. 如下如所以,输入模板 template,既可以搜到代码中有关template关键字的代码文件,又可以搜到和template相关的设置. 2.Emmet,这个就不用说了,谁用谁知道,特别是jQuery时代.现在估计写三大框架…

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

webstorm常用快捷键 ctrl+l 格式化代码 ctrl+shift+ -/+键   折叠/展开所有代码 打开file:ctrl+shift+n 打开一个类:ctrl+n 代码提示:Ctrl+alt+空格 添加//注释: ctrl+/ 添加/* */注释: crtl+shift+/ 当页查找:ctrl+f 整站查找:ctrl + shift+f F2或shift+F2高亮错误或者警告快速定位 ctrl+shift+N 通过文件名快速查找工程内的文件(必记) ctrl+shift+alt+N…

Sublime Text.webstorm等编译器,如果你从事Web前端开发的话,对这几款软件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: 一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签.比如输入“!”或“html:5”,然后按Tab键:  html:5 或!:用于HTML5文档类型 htm…

------------------------------------- 近期整理了如下个人觉得比较常用的快捷键,也请前辈给予补充.多多指教. ------------------------------------------------------------ alt+F2 可以选择打开的浏览器 上下键移动选择 Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*…*/ ) ctrl+shift+A 快速查找并使用编辑器所有功能(必记) ctrl+alt+s 打开配置窗口 sh…

打开菜单项 Run -> Run-   选择 Edit Configurations-   添加一个 PhoneGap/Cordova 配置项,命名如: Ionic Android, 并输入相关配置项信息.   重新启动WebStorm,可以看到新增的运行菜单项,连接手机到电脑,运行该菜单项.…

打开菜单项 File -> Settings-   搜索插件 CMD Support,并安装.   重启WebStorm,在你的项目中新建一个Cmd script 文件,命名为build.cmd.   输入内容如下: ionic build android && ionic run android   运行build.cmd文件.…

转载:https://www.cnblogs.com/seven077/p/9771474.html 1.常用快捷键 shift+↑ 向上选取代码块shift+↓ 向下选取代码块ctrl+/ 注释/取消注释的行注释ctrl+alt+L 格式化代码tab,shift+tab 调整缩进ctrl+shift+V 从剪贴板里选择粘贴ctrl+D 复制代码副本shift+delete 删除当前行ctrl+shift+U 大小写转换alt+←,alt+→ 左右切换选项卡ctrl+B 跳转到变量声明处ctrl…

---恢复内容开始--- 1.git查看和修改用户名,邮箱 用户名和邮箱地址是本地git客户端的一个变量,不随git库而改变.每次commit都会用用户名和邮箱记录. (1)查看用户名和地址 git config user.name git config user.email (2) 修改用户名和地址 git config --global user.name "your name" git config --blobal user.email "your email&quo…

1.怎样禁止自动保存文件: 设置--->外观和行为--->常规--->Synchronization--->要么四个全不选,要么把最后两个不选 Settings--->Appearance&Behavior--->System Settings--->Synchronization--->要么四个全不选,要么把最后两个不选 备注:第一个是激活当前窗口时保存 第二个是切换到其他窗口时保存 第三个是应用空闲时隔多少秒保存 第四个是修改之后有一个临时文件,…