WebStorm 使用
Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心。比如函数追踪功能的确实,找个创建函数的地方很麻烦
这时候就该 WebStorm 出场了
0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。
启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded。
项目目录中会生成一个 .idea 目录,删除这个目录即可删除 webstorm 中的项目
1、侧边栏文件名颜色问题:当项目为 git 进行版本控制的时候,文件的不同状态会有颜色,默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效

2、WebStorm 具有自动保存的功能,通常喜欢手动保存,那么进行以下配置

首先取消自动保存

勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示
3、ESLint 进行代码校验:首先全局和项目内都安装好 ESLint 配置好 node 的路径,和 eslint 的路径即可。语法有问题的地方,会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。

4、开启自动换行

5、修改 Emmet 快捷键

6、多列显示的方法:在 tab 上右键,选择 open new tab... ;不同列之间移动 tab 不能拖动,只能右键选择 Move to opposite group
最后,导出设置:File > Export Settings导出用户设置;导出后的配置以jar包的形式存在,导入也同样简单,File > Import Settings,选择jar包导入成功后,重启WebStorm就大功告成了
常用快捷键:
alt + shit + i 代码检测
ctrl + z | ctrl + shift + z 撤销和重做
ctrl + d 复制当前行
ctrl + x 删除当前行
ctrl + shift + ↑|↓ 移动当前块(不只是当前行,比如一个对象字面量采用多行的写法,会整个移动)
win + g 用来选中多个相同的元素,同 Sublime 的 ctrl + d
自己修改的配置文件,鲜明的配色和贴合 Sublime 使用习惯的快捷键:
http://pan.baidu.com/s/1dFsgv8d
WebStorm 使用的更多相关文章
- Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)
Webstorm+Webpack+echarts ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...
- 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert
使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这 ...
- webstorm下载&&安装过程&&打开项目
一.webstorm下载 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HT ...
- WebStorm 2016 最新版激活(activation code方式)
WebStorm 2016 最新版激活(activation code方式) WebStorm activation code WebStorm 最新版本激活方式: 今天下载最新版本的WebStorm ...
- webstorm license key
JetBrains WebStorm注册码 UserName: William License Key : ===== LICENSE BEGIN ===== 45550-12042010 00001 ...
- WebStorm 常用功能的使用技巧分享
WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大 ...
- Webstorm编译TypeScript
下载webstorm 下载node.js编译器npm Webstorm的安装很简单.但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好. ...
- WebStorm
1,简介 WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具.功能强大的前端专用IDE,拥有即时编辑(chrome).自动完 ...
- webstorm 常用快捷键
webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...
- WebStorm 2016.2.3的安装与汉化
WebStorm是一款功能出色的JavaScript开发工具.号称是""Web前端开发神器"."最强大的HTML5编辑器"."最智能的Jav ...
随机推荐
- 在网页中编辑报表的报表设计器Stimulsoft Reports Designer.Web报表控件
Stimulsoft Reports Designer.Web报表控件是一款网页报表设计器.您想在网页中编辑您的报表吗?现在是可能的! Stimulsoft Reports Designer.Web ...
- ODI 12c中使用Groovy脚本创建工程
本文主要介绍在ODI中使用groovy创建工程,并添加一个表转换的映射.要创建groovy脚本,可以从ODI Studio的菜单:工具->Groovy->新脚本 打开一个编辑窗口.在执行下 ...
- ODI 12.1.3创建standalone代理
首先要安装ODI. ODI安装 如果没有安装WLS,则可以选择独立安装,如下图.
- JAVA SERVLET专题(下)
HTTP简介 ·WEB浏览器与WEB服务器之间的一问一答的交互过程必须遵守一定的规则,这个规则就是HTTP协议. ·HTTP是hypertext transfer protocol(超文本传输协议)的 ...
- c++中,bool与int 的区别
菜鸟一枚,为了观察区别,特地运行了下面几个语句 /*阅读程序回答问题, 1.bool类型的false对应数值?true呢? 2.非0整数对应bool型的?0呢? */ #include<iost ...
- 主线程中一定不能放耗时操作,必须要开子线程,比如下载文件,不然会不让你拿到输入流--报错显示android.os.NetworkOnMainThreadException
1.必须要开子线程来操作耗时操作,android.os.NetworkOnMainThreadException new Thread(new Runnable() { @Override publi ...
- BroadcastReceiver的最简单用法
android系统下的广播: 电池电量低.电池充电完成.短信到来了.程序安装卸载.sd卡卸载安装 等 BrocastReceiverDemo.java public class BrocastRece ...
- (转)在网页中JS函数自动执行常用三种方法
原文:http://blog.sina.com.cn/s/blog_6f6b4c3c0100nxx8.html 在网页中JS函数自动执行常用三种方法 在网页中JS函数自动执行常用三种方法 在HTML中 ...
- 数组Mex
题目描述 请设计一个高效算法,查找数组中未出现的最小正整数. 给定一个整数数组A和数组的大小n,请返回数组中未出现的最小正整数.保证数组大小小于等于500. 测试样例: [-1,2,3,4],4 返回 ...
- VM设置BIOS延长时间
更改文件中的 bios.bootDelay = "XXXX"