node.js 环境配置与在jetbrains webstrom下的使用

第一步:下载jetbrains webstrom,选择与自己电脑匹配的合适的版本(如:win10,64位)
网址:https://www.jetbrains.com/webstorm/?fromMenu
node.js 环境配置与在jetbrains webstrom下的使用_第1张图片

第二步:安装jetbrains webstrom(一直点击确认即可)
注:破译流程下期解决。


第三步:下载node.js的编辑器(根据自己合适的版本进行下载与安装)
一直点击安装即可完成
网址:https://nodejs.org/en/download/

node.js 环境配置与在jetbrains webstrom下的使用_第2张图片
而此时node.exe并不能拥有很好的使用效果,如下所示:

node.js 环境配置与在jetbrains webstrom下的使用_第3张图片

在小娜窗口输入cmd命令提示符,可进行查看node.js的版本与nmp版本,安装在E盘就先输入:>E:(并回车)进入E盘
node.js 环境配置与在jetbrains webstrom下的使用_第4张图片
在安装的相应磁盘下输入如下命令可查看是否安装完成:
node -v
npm -v
node.js 环境配置与在jetbrains webstrom下的使用_第5张图片

接下来进行环境配置
第四步:环境配置
->控制面板->系统->高级系统设置->高级->环境变量(查看path的路径是否增加了node.js)
node.js 环境配置与在jetbrains webstrom下的使用_第6张图片
不管它有没有配置好,进行这一步操作:在node.js的文件夹下创建两个文件夹:node_cache与node_global
node.js 环境配置与在jetbrains webstrom下的使用_第7张图片
在原来的路径中新建一个NODE_PATH
并将路径复制进去
node.js 环境配置与在jetbrains webstrom下的使用_第8张图片
此时再在命令提示符窗口的C盘下输入
node -v
npm -v
时依旧能查看版本,表示环境配置成功
node.js 环境配置与在jetbrains webstrom下的使用_第9张图片

第五步:在jetbrains webstrom下的使用
在jetbrains webstrom的Run下点击Edit Configurations
node.js 环境配置与在jetbrains webstrom下的使用_第10张图片

在Templates下点击Node.js,此时并没有node的路径,点击Add…,进入选择node.exe并保存点击OK
node.js 环境配置与在jetbrains webstrom下的使用_第11张图片


File->Settings->输入node.js搜索->点击Node.js and NPM->在Node interpreter下选择你node.js的路径并在Coding assistance左边打上勾
node.js 环境配置与在jetbrains webstrom下的使用_第12张图片

如下所示,点击Edit,在Package内搜索npm下的lib包并导入点击完成
node.js 环境配置与在jetbrains webstrom下的使用_第13张图片

如下图可见npm已导入
node.js 环境配置与在jetbrains webstrom下的使用_第14张图片
测试一下编写第一个node.js程序,已经可以使用node.js下的推荐方法并运行成功:
console.log(‘hello world’)
node.js 环境配置与在jetbrains webstrom下的使用_第15张图片

讲解结束!

你可能感兴趣的:(node.js 环境配置与在jetbrains webstrom下的使用)