精华内容
下载资源
问答
  • WebStorm添加node代码提示

    千次阅读 2019-04-08 20:08:49
    用node爬虫的时候发现WebStorm对node代码不友好,这怎么能忍呢… ctrl+alt+s 打开设置 如下图所示,勾上coding assistance 成功去掉烦人的波浪线

    node写爬虫的时候发现WebStormnode代码不友好,这怎么能忍呢…
    在这里插入图片描述

    ctrl+alt+s 打开设置
    如下图所示,勾上coding assistance
    在这里插入图片描述

    成功去掉烦人的波浪线
    在这里插入图片描述

    展开全文
  • 前端web开发工程师简历-自我评价范文/怎么写【网盘下载】100+清新大气简历模板:https://zhuanlan.zhihu.com/p/115911695https://zhuanlan.zhihu.com/p/113308665前端工程师自我评价范文(案例1)1. 熟悉项目开发...

    235d96d38a3f09afa63503f19dad8c13.png
    前端web开发工程师简历-自我评价范文/怎么写

    【网盘下载】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
    b5b1d9e45a4507e96fb8b384efcd17f5.png

    前端工程师自我评价

    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$ ...如果你没有克隆代码,那么参考下面的脚本:"s": {"build:ts": "tsc","start": "node index.js",...

    $ 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]来查看斐波拉契序列。

    d5fa7c57a101661fd1cfb3f0f0499c90.png

    因为我想演示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。

    74267817a739ccdc0ebc46cc6fab2791.png

    使用Chrome DevTools Debugging Java运行:

    npm start:debug // if you're on the suggested repo or...

    node --inspect index.js // ...otherwise.

    你会看到:

    a78996f07e846a52825d91fb6b02d347.png

    你可以看到一个WebSocket服务器在启动,并且监听9229端口。并且可以看到UUID是5dc97...。每一个会话都有各自的UUID。如果你重启服务,UUID会改变。

    下一步是打开Chrome,并在网址框输入Chrome://inspect。

    fdb2a6fd9420a2fd64ea100e571af847.png

    在这里,我想说的是:Chrome通过访问http://127.0.0.1:9229/json可以自动发现正在运行的会话。现在点击上图最下方的inspect来开始debugging。一个新的DevTools窗口会打开。你可以访问想要debug的文件,去加入断点来deug。

    3565280156f55c7adab1c5f5bb01ac6c.png

    如果,你运行:

    npm start:debug:brk // if you're on the suggested repo or...

    node --inspect-brk index.js // ...otherwise.

    可以看到:

    9d850f2b7f1b7b1af2b4c6acb81793c4.png

    当你在谷歌浏览器输入Chrome://Inspect,你会发现两个版本的Type文件:一个有对应的source map(标记为[sm]),另一个没有。当然,如果要调试,把断点放在带sm标记的文件里面。

    2cd5c2444d95301cc387c306cb179ba2.png

    开发中有这么多工具可以使用,那么上线以后呢?还能愉快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---&...

    今天用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 修改方法 显示折叠 快捷键 

     

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

     

    展开全文
  • 使用过webstorm的都知道,自身不需要Ctrl+S进行保存的,这里再结合Live Edit,可以实现一边写代码,一边实时查看。 1,第一步因为在webstorm中自带的Live Edit功能是默认关闭的,所以第一步要打开 不知道怎么打开的...
  • <div id="content2" style="display:inline"> <div id="yemian2hao" style="display:inline;float: left"> <form name="form1"> <p id="one1">请输入用户名:<...
  • Github做为IT爱好者分享代码的一个知名的平台,广受大家喜欢,那么我们平时该怎么将自己代码上传到github上面保存并且提供给其他人参考? 我想方法不外乎如下几个: 1、直接在github网页上面上传代码(没试过...
  • 可是前两天,不知道怎么设置的,Webstorm居然不能智能提示了,重启软件,重启机器都不能解决。在网上也不容易搜索到方法。现在我把解决这个的方法下来,供遇见同意问题的同学可以快速解决。 工具/原料 ...
  • 今天用gulp搭建了一个工程,准备做一个体育h5的项目,其中需要用到sass代码压缩,加版本号等功能.gulpfile.js和package.json都是已经好的.我用CMD命令窗口cnpm安装node_modules依赖文件.当我安装完毕之后用webstrom...
  • webstorm工具中创建模板

    千次阅读 2018-06-13 09:27:47
    jQuery代码的时候总是这几句:怎么让他弄成一个模板,什么时候用就直接敲快捷键就会出来呢?先复制图片中的文字-------File中的Settings点击之后:点击+之后选中Live Template:点击最下面的Define:在...
  • webstorm中使用TODO记录潜在问题点和未完成事宜

    万次阅读 多人点赞 2020-04-20 13:50:16
    在完成项目时,总有一些问题需要暂存,比如某行的代码某个逻辑未完成。或者是在你做某个事的时候去做另外的事,不得不放下手中。这种通常是那种,不也不影响主逻辑。但是是潜在bug的问题,很容易遗漏。 这个时候...
  • 痛定思痛,以后写代码一定要用less,维护起来不会这么惨。问一个朋友,他是用考拉进行自动编译,本人比较懒,不想使用那么多工具,于是百度了一下关于webStorm的自动编译less文件,还真有,但是在less文件下创建的...
  • 怎么自学前端

    2019-08-31 21:27:50
    第一步:我的第一篇博客有软件安装过程,学习资料,进行保存下载。 第二步:第二步列出自己的学习计划,例如:每天需要看到...可以先看视频再安装软件,写代码可以安装Sublim,或者Webstorm。在自己电脑中多安装一些...
  • 想问一下在webstorm写的前段端代码怎么调在eclipse的接口,ajax那个地址怎么填?直接8080/login.servlet 吗。为什么我的一个登录没啥反应。。。但是在eclipse jsp项目中是可以的,后台代码没错
  • 这个东西的模板中已近在使用导致的,当时baidu google一阵之后不知道这个是个啥玩意,也不知道该在webstorm怎么设置这个东西。 通过右键新建css文件然后选择sass在目录下建了一个sass文件,但是的sass语法却...
  • “工欲善其事必先利其器”,前端工程师每天写代码、搭流程,而且要使用至少三门编程语言,没有个好集成开发环境(IDE,Integrated Development Environment)那怎么行? 本人使用过 editplus, notepad++, sublime,...
  • jade转化为html

    2016-12-08 11:28:00
    刚到一家新的公司 ,上一个前段PHP代码基本都是jade...听说webstorm有转化的插件,不过那个重型的开发工具没怎么用过。还是在线翻译比较简单,  好了,方法很简单,辅助jade代码,粘贴到右边,左边自动生成h...
  • 你只需要搬个小板凳,看看具体解决了哪些问题就行,不需要想着怎么前端代码,直接copy一下就完事了!(好家伙,我直呼好家伙!) 前端IDE配置 这里我推荐Webstorm,至于vscode本人确实不太感冒,虽然会轻量级...
  • 前言半年前也过一篇babel的简单使用文章,当时看了下babel的文档,但是很多地方还不理解,所以文章里没有怎么说道babel的一些关键概念,只是机械的描述如何使用(配合webstorm)。最近刚好遇到一个问题,发现是因为...
  • 前言半年前也过一篇babel的简单使用文章,当时看了下babel的文档,但是很多地方还不理解,所以文章里没有怎么说道babel的一些关键概念,只是机械的描述如何使用(配合webstorm)。最近刚好遇到一个问题,发现是因为...
  • DevEco Studio是基于Intellij IDEA工具定制化深度研发的一个工具,所以对于那些熟悉IDEA,或Android Studio或WebStorm这些IDE开发工具的朋友们来说应该是很熟悉的,不熟悉的朋友们也可以很快就上手。 另外正是由于是...
  • webstrom提示不见了

    2017-11-15 16:48:00
    今天做项目时候,不知道怎么搞的我的神编辑器webstrom没有了代码提示!...害得我半小时没有好好写代码,吧这个选中去掉,now提示出来了 还是那句话小伙伴们有什么想讨论的欢迎加我qq:421217189进行...

空空如也

空空如也

1 2
收藏数 23
精华内容 9
关键字:

webstorm怎么写代码