【工具】前端开发工具，如webstorm, myeclipse等

webstorm

一、mac版安装

见自己的语雀文档：日常记录-前端开发工具

二、webstorm配置：

（1）webstorm项目运行到apache服务器：http://blog.csdn.net/asuncat/article/details/70143028
（2）xampp配置和手机端查看前端代码效果。http://blog.csdn.net/asuncat/article/details/70597799

三、webstorm设置

1、左侧导航栏字体改变
（1）效果

（2）搜索appearance,选择overide default fonts by …的font

四、webstorm常用快捷键

1、让某段标签被其他标签包裹
①选中<p>被包裹</p>
②按住command + alt + t，
③选择surround with in html/jsp
④输入需要的标签div，就得到<div><p>被包裹</p></div>
2、a{click me} ,自动补全文字click me
3、lorem补全文字，
lorem10 就会生成10个没有意义的单词。
4、m10-20生成margin:10px 20px 。

---

5、command + shift + m, 找到标签的开头或结尾，快速找到匹配的大括号
6、command + alt + 左右箭头，前进或后退，回到上次光标定位的位置。
7、command + shift + 空格，上次编辑的地方（aSuncat：无效)
8、command + b，快速打开光标处的类或方法
9、command + alt + b, Go to implementation(s) 跳转方法实现处
10、shift + f6 标签,变量重命名，变量引用到的地方都会改变
11、f2，定位到错误的地方（标红色下划线的地方)，alt + enter，就会出现对错误地方的修改建议。
12、command + f1, 打开project面板
13、alt + f12，打开terminal
14、command + alt + enter, 在上面增加一行。
shift + enter, 在下面增加一行。
15、command + +或者-，能让代码全部折叠或展开
16、alt + shift + 上下箭头，整行移动代码

---

• 不常用

1、setting - emmet - css - auto insert css vendor prefixs, 相应属性后面的勾打上，能为属性自动添加前缀
bdrs:10生成-webkit-border-radius：10px; border-radius:10px 等。
2、webstorm搜索keymap，能选择eclipse, visual studio等的快捷键。
3、在标签上按住f1，就会给出标签相应的描述。
4、command + shift + v， 双击在历史剪切板中选择文字。
15、整行选择 alt + 上下箭头（aSuncat:我电脑上无效)
6、command + e ,上次使用的文件
7、css颜色选择的色块上点击，打开色轮/色板修改颜色

五、webstorm常见问题

1、scanning files to index 或者一直indexing
（1）解决：node_modules - 右击 - mark derectory as - excluded

（2）原因：node_modules文件太大，创建索引需要大量时间。将它从创建索引列表删除，就不会一直indexing。
注意：这样全局搜索时，文件也会被排除在外。
①不同于setting - file types - ignore files and folders里加上node_modules，这样的ignore会导致项目找不到依赖。
（3）备注：
网上有人说到解决方法File -> Invalidate Caches / Restart，其实是个大坑，其含义是删除本地文件缓存，然后在下次启动时重建。所以这样并不能解决一直indexing的问题。

2、报错：argument for @NotNull parameter ‘project’ of com/illuminated/intellij/jsonSchema/ sfdxJsonSchemaProviderFactory get Provider must not be null.
会导入项目导入不进去
原因：我的webstorm是2017版本的，不支持illuminated cloud 2
解决：webstorm的设置，plugins, illuminated cloud 2 点击uninstall卸载。

android模拟器

一、安装使用

见文章：http://blog.csdn.net/jiang314/article/details/51564194

myeclipse

一、安装前准备

1、jdk
2、tomcat
见文章：http://blog.csdn.net/huyisu/article/details/38372663
3、meaven
下载zip就可以
见文章：http://www.jianshu.com/p/191685a33786
4、myeclipse
官网下载地址：http://www.myeclipsecn.com/download/

二、myeclipse的配置

1、文件保存格式改成utf-8
（1）搜索workspace
（2）text file encoding改成utf-8

2、配maven
（1）搜索maven，找到user setting
（2）user setting设置完成后update settings

3、配tomcat
（1）搜索tomcat
（2）改成enable
（3）tomcat home directory配置一下，下面的2个空格会自动填充

4、设置字体大小
（1）搜索font，找到colors and fonts
（2）basic 的text font，设置的是文件右边编辑区域的字体大小
（3）debug的console font，可以设置控制台字体大小

5、设置html,jsp等文件不在myeclipse中预览
（1）搜索file a,找到file association
（2）找到*.html，设置myeclipse visual html…为myeclipse html
（3）同理，找到*.jsp，然后做同样的设置。

6、设置背景色
（1）搜索text edi ,找到text editors
（2）找到background color，取消右边的default，点击色块，选择rgb滑块，值分别为204，232，207

颜色效果

7、tab数值由4设置为2，与我的webstorm设置同步
（1）搜索formatter,找到java -code style -formatter
（2）new一个自己的名字：myEclipse，然后点击edit，indetation的tab size改成2

8、webstorm更新js,myeclipse自动更新，从而页面改变。
myeclipse配置：
（1）搜索workspace，
（2）第2，第3项的勾选上。

9、原有项目copy后在Myeclipse部署(deployment)，
（1）如果导入时报错：Some projects cannot be imported because they already exist in the workspace error in myEclipse。
解决：copy之后找到.project文件，修改name，导入myeclipse时就不会和原来的文件重名，就能成功导入了。
备注：如果直接能导入，就执行（2）
（2）addDeployment的时候，deploy location会与原先项目一样，tomcat部署时会覆盖原有项目，导致原有项目启动不起来。解决：
①选中copy后的项目，右击，properties,查找web,选择web context-root，把copy后的项目名填进去就行。
②原有项目，copy后的项目重新部署，重新启动。

chrome的插件

一、插件列表

1、jetBrains IDE support 自动刷新页面（webstorm）
https://jingyan.baidu.com/article/454316ab68ac03f7a7c03ae3.html?qq-pf-to=pcqq.group
2、postman
接口测试
3、 visual event
查看js事件

secureCRT

一、简介

1、SecureCRT是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。

二、安装：

1、网址：https://www.cnblogs.com/lianghe01/p/6618651.html

idea

一、下载安装

1、官网下载：https://www.jetbrains.com/idea/

二、idea配置：

1、网址：https://blog.csdn.net/linlin_0904/article/details/81031198
2、自动引入类
setting - editor - general - auto import
3、按2次shift会调起Enter action or option name 弹出框，中引文切换的时候，很容易按2次，会弹出，解决：https://blog.csdn.net/qq_38371514/article/details/84871312
（1）command + shift + a， 调起Enter action or option name弹出框，输入registry…，选择Registry…
（2）弹出的记录表中，选中ide.suppress.double.click.handler，然后点击右下角close。

三、idea快捷键

1、自动生成main方法

public static void main(String[] args) {
}

输入psvm，按tab键
2、System.out.printIn()
输入sout, 按tab键
3、运行程序, control + shift + f10

mysql

4、创建继承父类的子类 （1）光标放在父类上，alt + enter （2）选择Create SubClass

一、下载安装

见自己的语雀文档。

二、mysql常见问题

1、报错
（1）Client does not support authentication protocol requested by server; conside
①解决：
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root';
（2）Access denied for user ‘root’@‘localhost’ (using password: YES)
①解决：数据库密码错误了，改成正确的密码。