在webstorm配置nodejs(从零开始)
在WebStorm中配置Node.js环境,你需要完成以下步骤:
安装Node.js:
访问Node.js官网(https://nodejs.org/)下载并安装Node.js。安装过程中,Node.js会自动配置环境变量,使得你可以在命令行中运行Node.js。
打开WebStorm:
安装完Node.js后,打开WebStorm。
配置Node.js解释器:
- 打开WebStorm的设置或首选项(File > Settings 或 WebStorm > Preferences 在Mac上)。
- 导航到 Languages & Frameworks > Node.js and NPM。
- 在Node.js interpreter下拉列表中,选择你安装的Node.js的路径。通常,这个路径是
C:\Program Files\nodejs\node.exe
(Windows) 或/usr/local/bin/node
(Mac/Linux)。 - 点击“OK”或“Apply”保存设置。
创建一个简单的Node.js项目:
- 点击WebStorm中的“File”菜单,选择“New” > “Project”。
- 选择“Node.js and NPM”作为项目类型,然后点击“Next”。
- 输入项目名称和位置,然后点击“Finish”。
编写你的第一个Node.js程序:
在项目视图中,双击
server.js
文件或者在项目根目录下创建一个新文件,例如app.js
。以下是一个简单的Node.js程序示例:
// app.js const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); });
运行你的Node.js程序:
- 在WebStorm中右键点击文件浏览器中的文件,选择“Run 'app.js'”。
- 或者,在编辑器中右键点击文件,选择“Start Debugging 'app.js'” (或使用快捷键 Shift+F9)。
查看输出:
你会看到一个命令行窗口显示服务器运行的信息,同时浏览器会自动打开并显示“Hello World”。
以上步骤会配置Node.js环境,并创建一个简单的Node.js程序,你可以在WebStorm中运行和调试它。
评论已关闭