WebStorm 使用
2016-06-21 18:58
344 查看
Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心。比如函数追踪功能的确实,找个创建函数的地方很麻烦
这时候就该 WebStorm 出场了
0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。
启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded。
项目目录中会生成一个 .idea 目录,删除这个目录即可删除 webstorm 中的项目
1、侧边栏文件名颜色问题:当项目为 git 进行版本控制的时候,文件的不同状态会有颜色,默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621184942194-394191133.png)
2、WebStorm 具有自动保存的功能,通常喜欢手动保存,那么进行以下配置
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185206740-471916004.png)
首先取消自动保存
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185238334-562750985.png)
勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示
3、ESLint 进行代码校验:首先全局和项目内都安装好 ESLint 配置好 node 的路径,和 eslint 的路径即可。语法有问题的地方,会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185359772-84746462.png)
4、开启自动换行
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621193247819-1353149367.png)
5、修改 Emmet 快捷键
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621210329522-1999013561.png)
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 出场了
0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。
启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded。
项目目录中会生成一个 .idea 目录,删除这个目录即可删除 webstorm 中的项目
1、侧边栏文件名颜色问题:当项目为 git 进行版本控制的时候,文件的不同状态会有颜色,默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621184942194-394191133.png)
2、WebStorm 具有自动保存的功能,通常喜欢手动保存,那么进行以下配置
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185206740-471916004.png)
首先取消自动保存
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185238334-562750985.png)
勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示
3、ESLint 进行代码校验:首先全局和项目内都安装好 ESLint 配置好 node 的路径,和 eslint 的路径即可。语法有问题的地方,会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621185359772-84746462.png)
4、开启自动换行
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621193247819-1353149367.png)
5、修改 Emmet 快捷键
![](https://images2015.cnblogs.com/blog/638135/201606/638135-20160621210329522-1999013561.png)
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
相关文章推荐
- 移动端使用rem适配及相关问题
- B~树
- 阅读笔记《软件秘籍--设计那点事》
- 学习OC前的一些需要掌握的c语言
- java中的缓存思想与相应的设计模式
- 根据《LDA漫游指南》来对gibbsLDA++结果进行分析
- vim使用
- caffe solver解释
- 工业相机的景深计算
- 个人总结
- 贪心算法
- 网页读取数据,以及输入输出流的代码收集
- 贝贝网问鼎母婴电商 用户信任是核心资产
- jsp、Html页面注释的种类
- 【NOI2014】购票
- 使用Mixin设计模式进行Python编程的方法讲解
- 飛飛(七十五)文件score.dat中保存的是若干名学生的姓名和C++课、高数和英语成绩
- jquerymobile仿微信 - 01
- 动态内存分配
- 微信公众号支付开发全过程 --JAVA