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 ...
随机推荐
- [windows操作系统]windows模块
smss.exe csrss.exe Client/Server Runtime Server Subsystem
- SharePoint表单和工作流 - Nintex篇(五)
博客地址 http://blog.csdn.net/foxdave 接上篇点击打开链接 本篇我们应用Nintex来创建一个简单的工作流. 首先创建一个自定义列表,用于存放请假数据用,我们就叫做Leav ...
- Julia中文教程资源.txt
Julia中文教程资源.txt 2016年3月28日 05:18:32 codegay 本文更新在这里: https://github.com/FGFW/julia-science-and-techn ...
- (转)SQLite数据库增删改查操作
原文:http://www.cnblogs.com/linjiqin/archive/2011/05/26/2059182.html SQLite数据库增删改查操作 一.使用嵌入式关系型SQLite数 ...
- 搭建EJB3开发环境
开发工具:myeclipse8.5.antjdk:1.5容器:jboss4.2.31.安装jboss:解压.配置JBOSS_HOME环境变量2.测试安装是否成功:启动%JBOSS_HOME%\bin\ ...
- Kylin上chromium不能用flash的解决命令
sudo apt-get update sudo apt-get install pepperflashplugin-nonfree sudo update-pepperflashplugin-non ...
- ModelFirst的CRUD
创建实体:
- Bash简介
Bash(GNU bourne-Again Shell)是一个为GNU计划编写的Unix shell,它是很多Linux平台默认的使用的shell. shell是一个命令解析器,是介于操作系统内核与用 ...
- Blocks_DP&&矩阵快速幂
参考资料:http://www.tuicool.com/articles/beiyAv [题意]有n块砖.现要将砖全部染上红.蓝.绿.黄四种颜色.要求被染成红色和绿色的砖块数量必须为偶数,问一共有多少 ...
- DXUT初步理解
关于DXUT框架: DXUT(The DirectX Utility Library) 是建立在Direct3D9 和Direct3D10 API上的一个程序框架.它的目标是建立一个强大而容易使用的D ...