【前端】使用WebStorm创建第一个项目

---

前言

根据前面文章中记录的步骤，已经安装好了WebStorm开发软件，接下来我们就用这个IDE开发软件创建第一个项目。

一、步骤

1、启动

启动软件。

2、创建项目

新建项目 》 选择路径 》 创建。

创建后的项目文件夹：

3、配置Node.js

如图所示，我们创建第一个项目后，有个默认文件，默认文件中有一行输出一句话的代码。但是提示WebStorm需要配置Node.js后才能工作。

右侧蓝色字体有引导下载的蓝色文字，直接点击下载Node.js后可以自动下载Node.js并安装。

网上也有一些单独去下载配置的教程，但是这里自动下载安装更加简单便捷。

安装后可以之前要安装Node.js的提示没有了，右下角显示Node.js已经安装完成。

我们可以在选择的安装Node.js文件夹下查看文件的文件都有哪些。

4、运行项目

我们可以稍微修改下默认文件中的代码，然后点击右上角三角形运行按钮，便将这个项目运行了起来。

左下角已经输出运行结果。

二、Node.js介绍

Node.js运行于服务端的JavaScript解释器。

类似于运行Java的JVM虚拟机。Node.js就是运行JavaScript的虚拟机。

Node.js 是一个开源的跨平台运行时环境，允许开发者在服务器端执行 JavaScript 代码。它由 Ryan Dahl 于 2009 年创建，并因其非阻塞、事件驱动的架构而迅速受到欢迎，这使得它非常适合构建可扩展和高性能的应用程序。