用WebStorm上的Node.js敲码，是不是特爽快？对，速度快还省事儿！要掌握Node.js可得了解下基本设置。不慌，小编马上教你如何在WebStorm上搞定Node.js环境，让你轻轻松松开始JavaScript应用程序开发。
安装Node.js
首先得确定你的电脑里有没有Node.js？Win系统的小伙伴们可以到官网下载安装包，或者用比如NVM这种实用的Node管理工具。安装过程很简单，按照提示操作就好。装好之后，试试输入命令`node-v`看看能否显示出版本号，如果有那就说明安装成功！
node -v
第一步，我们得安装好npm（这可是下载Node.js依赖包的神奇小助手哦），然后告诉它你想要哪个包。安装Node.js时，npm已经帮我们准备好了，不需要额外去装了哟。怎样判断npm是否装好了？只要在命令行框里输入一串字符`npm-v`就可以！
在WebStorm中配置Node.js环境
搞定Node.js和npm后，接下来就是给WebStorm装个Node.js的环境。先打开WebStorm，再找到那个小扳手图标，然后翻到Node.js和NPM那一块儿去。告诉WebStorm你装Node.js和npm的路径就行，它还能帮忙核对一下对不对，点确定就好。配好后，WebStorm就能连接上你的Node.js了，环境就摆平啦!
使用Node.js运行JavaScript文件
学会安装Node.js之后，你就可以用WebStorm直接熟练处理JavaScript文件。找到左边那两个“Run”和“Debug”按扭没？挑个要执行的JavaScript文件，设置下参数，点一下”Debug”或者”Run”，立马开始！
先把咱的JS代码丢进文件里，再让Node.js跑起来。别忘了WebStorm也会帮忙它有个Node.js的REPL环境（可以边看代码边试滴），在“工具->Node.jsREPL”里面就能找到。随时随地编JS代码，效果立马出来！
#!/usr/bin/env node
使用WebStorm的Node.js调试工具
WebStorm的Node.js调试功能超牛逼的，用它一秒变大神！想调试吗？在Node.js里设个断点就OK了！接着开起WebStorm的调试窗，看着代码一行一行跑，还能监控变量和互动
总结
用WebStorm和Node.js做网页，感觉跟打游戏似的有趣，还能学到新的知识！搞定了设置以后，有WebStorm这个大杀器帮忙，调试和执行JS代码都变得超简单！学会这招，你会发现编程其实也挺有意思的哦～
你们有碰过在WebStorm和Node.JS上写JavaScript应用的时候遇到什么好玩或头疼的事情吗？快跟我们分享下你们的经验，说不定可以给其他人提供新的见解！帮帮忙，给个双击肯定，希望这些实用技巧能刷屏全世界~
评论0