用node写爬虫的时候发现WebStorm对node代码不友好，这怎么能忍呢…


ctrl+alt+s 打开设置

如下图所示，勾上coding assistance


成功去掉烦人的波浪线

【网盘下载】100+清新大气简历模板：
https://zhuanlan.zhihu.com/p/115911695
https://zhuanlan.zhihu.com/p/113308665
前端工程师自我评价范文（案例1）
1. 熟悉项目开发流程,能快速对接产品需求,前后端工作;有良好的代码编辑/管理规范,能够编写各种静态页面,实现多种动效,处理主流浏览器常见兼容性问题,优化网站性能;熟悉移动设备适配,web app开发; 
2. 精通HTML,CSS,熟悉HTML5,CSS3,熟练使用canvas/svg技术; 
3. 熟悉JS,jQuery ,AJAX;能够熟练手写原生js代码,能够使用原生js实现多种交互效果,熟悉面向对象开发;熟悉angularjs,有实际开发单页面应用,MVC模型程序的经验; 
4. 熟悉PHP,mysql常用数据交互方法,能够完成前端页面与后台数据交互对接;熟悉jQeuryUI,jQuery-Mobile,bootstrap,可以参考手册快速上手,了解react.js;node.js;PhoneGap,eclipse,hybrid,apache,http协议等; 5.精通PS,熟练AI等设计软件,对用户体验,交互,视觉有一定见解.
前端工程师自我评价范文（案例2）
1. 精通DIV+CSS布局的HTML代码编写，熟练手写符合W3C标准的代码，能够根据交互原型和UI设计图完整制作出网页；
2. 熟悉Javascript、css3和html5，且能熟练运用JQuery框架实现网页常用特效，掌握面向对象编程思想；
3. 熟练应用dom、xml、json等相关技术；
4. 熟悉Bootstrap前端框架，了解Nodejs和Angularjs以及less，sass、git、github等技术和团队协作开发工具；
5. 具备抗压能力、且有一定自学能力，能够熟练阅读使用中文API，英文API可以大概看懂并运用；
6. 担任项目组长并组织团队开发过电商、企业和移动端网站前端项目。
Leon：【立即下载】100+清新大气简历模板下载​zhuanlan.zhihu.com
前端工程师自我评价
1. 掌握Web前端开发基本技能，熟悉W3C标准、页面布局架构、前端语义化、浏览器兼容性等，懂些审美，擅长设计，重视用户体验与代码可维护性，有近2年的前端开发经验。
2. 对UI框架Bootstrap、类库jQuery、模板引擎、MV*框架、HTML5、CSS3、CSS预处理器、响应式布局等有着较熟练的实践和较深刻的感悟。
3. 对性能优化、模块加载、前端工程化、前端安全、ES6、NodeJS等有一定的了解和思考。
4. 熟练使用Git进行版本控制和代码托管、Markdown进行文档编写，并以Mac OS X、Linux、WebStorm作为日常开发环境进行工作，了解项目开发流程及开发调试工具的使用。

$ git clone https://github.com/andrerpena/medium-node-inspector-tests.git
$ cd medium-node-inspector-tests
$ npm i
我把本文需要使用到的命令都写成了脚本。如果你没有克隆代码，那么参考下面的脚本：
"s": {
"build:ts": "tsc",
"start": "node index.js",
"start:watch": "nodemon index.js",
"start:debug": "node --inspect index.js",
"start:debug:brk": "node --inspect-brk index.js",
"start:debug:ts": "node --inspect --require ts-node/register index.ts",
"start:debug:ts:brk": "node --inspect-brk --require ts-node/register index.ts"
}
当你的环境配置好了，你可以使用npm start来启动程序，并访问localhost:3000/[n]来查看斐波拉契序列。
因为我想演示Jav和Type debugging，所有我写了index.ts文件和对应的Java版本由tsc命令生成。所以，Java版本看上去会有一点丑。
Debug模式运行我们将会用两种模式来debugging。分别使用--inspect和--inspect-brk。它们的区别在于，第二种在像Chrome DevTools这样的agent接入前，不会真的启动。并且，启动后，会自动在用户的第一行代码处暂停。
当一个Node.js应用在inspect模式下运行，有两点要注意：
一个UUID会分配到这个debugging会话。并且同时一个WebSockets终端(ws://127.0.0.1:9229/[UUID])会一直连接。该终端会将代码的状态实时发送。
一个HTTP终端(http://127.0.0.1:9229/json)会提供，便于像Chrome DevTools这样的终端知晓Node会话和相应的UUID。
你可以curl http://127.0.0.1:9229/json。更多信息请查看: legacy-debugger。
使用Chrome DevTools Debugging Java运行：
npm start:debug // if you're on the suggested repo or...
node --inspect index.js // ...otherwise.
你会看到：
你可以看到一个WebSocket服务器在启动，并且监听9229端口。并且可以看到UUID是5dc97...。每一个会话都有各自的UUID。如果你重启服务，UUID会改变。
下一步是打开Chrome，并在网址框输入Chrome://inspect。
在这里，我想说的是：Chrome通过访问http://127.0.0.1:9229/json可以自动发现正在运行的会话。现在点击上图最下方的inspect来开始debugging。一个新的DevTools窗口会打开。你可以访问想要debug的文件，去加入断点来deug。
如果，你运行：
npm start:debug:brk // if you're on the suggested repo or...
node --inspect-brk index.js // ...otherwise.
可以看到：
当你在谷歌浏览器输入Chrome://Inspect，你会发现两个版本的Type文件：一个有对应的source map(标记为[sm])，另一个没有。当然，如果要调试，把断点放在带sm标记的文件里面。
开发中有这么多工具可以使用，那么上线以后呢？还能愉快debug吗？你可以的，欢迎使用Fundebug！
使用Visual Studio来Debugging Java选择要Debug的目标Java文件，点击Debug选项(Mac: Shift+Cmd+D)，然后点击执行按钮(▶️)即可。Visual Studio 会自动加入inspect参数启动Node。
如果想在控制台运行，你也可以创建一个launch configuration文件。Visual Studio的自动补全非常惊艳。记住9929是默认的Node Inspector的端口号。
{
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach",
"port": 9229
}
]
}
如果你够仔细，会发现上面的配置文件并没有制定UUID。其实、Visual Studio会自动去访问ws://127.0.0.1:9229来获取当前会话的状态。当你配置好后，可以在控制台运行：
npm start:debug // if you're on the suggested repo or...
node --inspect index.js // ...otherwise.
然后配置launch configuraiton，并Attatch，最好点击播放按钮。如下所示：
使用Visual Studio来Debugging Type在Visual Studio中，如果配置了”type”:”node”，则不允许使用.ts后缀的文件，那么你还有两个方法：要么用ts-node将.ts编译。
{
"configurations": [
{
"name": "Current TS File",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/node_modules/.bin/ts-node",
"args": ["${relativeFile}"],
"protocol": "inspector"
}
]
}
或则将runtimeExecutable指定为NPM，而不是默认的node。
{
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch via NPM",
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-",
"start:debug:ts"
],
"port": 9229
},
]
}
如果你想在控制台运行Type，如下：
npm start:debug:ts // if you're on the suggested repo or...
node --require ts-node/register index.ts // ...otherwise.
launch configuraiton如下：
{
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach",
"port": 9229
}
]
}
使用WebStorm来Debugging Java在右上角，可以选择Run/Debug Configurations，点击并选择+号，然后会列出很多候选配置。然后选择Node.js，并命名。在Java file选项，填入你的入口文件。然后就可以运行啦。
使用WebStorm来Debugging Type和处理Java的配置几乎一样，不过在Node Parameters选项，你需要填写--inspect --require ts-node/register。
希望本文可以助你愉快(fun)debug！
版权声明:
转载时请注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2018/04/27/debugging-js-with-chrome-dev-tools/

今天用idea写代码时，想要复制一行代码，才发现以前用Eclipse的复制快捷键在Idea中不起作用。

————————————————————————————————————————————

设置如下：

File--->Settings(Ctrl+Alt+s)--->Keymap--->搜索输入（duplicate）--->双击Duplicate Entire Lines(如下图)--->添加快捷键（这里以Ctrl+Alt+向下箭头），直接按住Ctrl+Alt+向下箭头即可（注意：不是手打字符上去的）。



点击ok即可。



如果发现Ctrl+Alt+向下箭头 不起作用，那就是和其他快捷键冲突。 之前和网易云音乐快捷键冲突过，关闭网易快捷键即可。

——————————————————————————————————————————————————————

2020-7-11

Idea 2020 修改方法 显示折叠 快捷键  





 

我觉得这肯定很是有用吧，不点赞，我都 不好意思。看官您觉得呢？