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

以你之姓@ 2022-10-01 01:48 460阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <td> webstorm</td> 
  </tr> 
 </tbody> 
</table>

### 一、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）效果  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTU1OTEwMzk2]  
（2）搜索appearance,选择overide default fonts by …的font  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTU1NzI4MjY4]

### 四、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  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FTdW5jYXQ_size_16_color_FFFFFF_t_70]  
（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卸载。

<table> 
 <tbody> 
  <tr> 
   <td> android模拟器</td> 
  </tr> 
 </tbody> 
</table>

### 一、安装使用 ###

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

<table> 
 <tbody> 
  <tr> 
   <td> myeclipse</td> 
  </tr> 
 </tbody> 
</table>

### 一、安装前准备 ###

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  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTQ1OTI0NTM4]  
2、配maven  
（1）搜索maven，找到user setting  
（2）user setting设置完成后update settings  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwMTU5MTkw]  
3、配tomcat  
（1）搜索tomcat  
（2）改成enable  
（3）tomcat home directory配置一下，下面的2个空格会自动填充  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwNDA3ODg5]  
4、设置字体大小  
（1）搜索font，找到colors and fonts  
（2）basic 的text font，设置的是文件右边编辑区域的字体大小  
（3）debug的console font，可以设置控制台字体大小

![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwNzE0OTI2]  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxMDIxNzA5]  
5、设置html,jsp等文件不在myeclipse中预览  
（1）搜索file a,找到file association  
（2）找到\*.html，设置myeclipse visual html…为myeclipse html  
（3）同理，找到\*.jsp，然后做同样的设置。

![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxNTM5MTY0]

![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxNTUwMTQ4]  
6、设置背景色  
（1）搜索text edi ,找到text editors  
（2）找到background color，取消右边的default，点击色块，选择rgb滑块，值分别为204，232，207  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUyMjM2NjIy]  
颜色效果  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUyNTA0MDQy]  
7、tab数值由4设置为2，与我的webstorm设置同步  
（1）搜索formatter,找到java -code style -formatter  
（2）new一个自己的名字：myEclipse，然后点击edit，indetation的tab size改成2  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTU1NDU4MzAz]  
8、webstorm更新js,myeclipse自动更新，从而页面改变。  
myeclipse配置：  
（1）搜索workspace，  
（2）第2，第3项的勾选上。  
![这里写图片描述][aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTQ1ODAzNDU0]  
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后的项目重新部署，重新启动。

<table> 
 <tbody> 
  <tr> 
   <td> chrome的插件</td> 
  </tr> 
 </tbody> 
</table>

### 一、插件列表 ###

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

<table> 
 <tbody> 
  <tr> 
   <td> secureCRT</td> 
  </tr> 
 </tbody> 
</table>

### 一、简介 ###

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

### 二、安装： ###

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

### 一、下载安装 ###

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

<table> 
 <tbody> 
  <tr> 
   <td>mysql</td> 
  </tr> 
 </tbody> 
</table>

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)  
①解决：数据库密码错误了，改成正确的密码。

[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTU1OTEwMzk2]: /images/20220705/4aa05639b56f427ebd2fed42e912b862.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTU1NzI4MjY4]: /images/20220705/e8c94d683c924b758a3157660b91cba9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FTdW5jYXQ_size_16_color_FFFFFF_t_70]: /images/20220705/9b1fccd76786479195409776f152f919.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTQ1OTI0NTM4]: /images/20220705/d0885fc10b5b428bb2f94dcdfd824915.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwMTU5MTkw]: /images/20220705/507cf4a69ba7478e9d7aafd983368018.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwNDA3ODg5]: /images/20220705/0bbcaafb0bf64b98b60449d434746a48.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUwNzE0OTI2]: /images/20220705/2983e29a8d73485fa562a0e937e68de6.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxMDIxNzA5]: /images/20220705/d695c8ff04fb4213b89a13ef1a83c908.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxNTM5MTY0]: /images/20220705/7c84fb3bc26c48e58fe65ec9f721b835.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUxNTUwMTQ4]: /images/20220705/fe4b2ec470ab4b89958edd95b3863c99.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUyMjM2NjIy]: /images/20220705/657c997d380143c8933a396173d6b5b5.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTUyNTA0MDQy]: /images/20220705/eaaa3726bfb6497fbc445b7d5d1e894e.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNTA1MTU1NDU4MzAz]: /images/20220705/3fee2abfe6694e63827a9f620130944f.png
[aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTcwNjA1MTQ1ODAzNDU0]: /images/20220705/dfdb04e02e084911bce3d1f2bbcafe24.png