Win7搭建NodeJs开发环境以及HelloWorld展示—图解

windows 7系统下搭建nodejs开发环境(nodejs+webstrom)并展示hello world!的具体步骤如下:

第一步:下载并安装NodeJs运行环境。

下载地址:https://www.php.cn/link/2234204dcec1a25356f2ffe8ca96d2d7

下载完成后,点击安装并选择“组件”进行安装,如下图所示:

Win7搭建NodeJs开发环境以及HelloWorld展示—图解

第二步:下载并安装WebStrom开发工具,并导入nodejs开发插件。

下载地址:https://www.php.cn/link/0ddfce009feef8de73f1d781e16290ad

安装完成后,导入nodejs插件,如下图所示:

Win7搭建NodeJs开发环境以及HelloWorld展示—图解

第三步:创建nodejs项目并展示Hello World!

创建nodejs项目并编写代码,如下图所示:

Win7搭建NodeJs开发环境以及HelloWorld展示—图解Win7搭建NodeJs开发环境以及HelloWorld展示—图解

项目创建完成后的目录结构如下:

Win7搭建NodeJs开发环境以及HelloWorld展示—图解

使用Shift+F10运行项目,并通过浏览器访问地址:https://www.php.cn/link/dc3f973a721454c7ca263f9b70bfd7a5

运行效果如下:

Win7搭建NodeJs开发环境以及HelloWorld展示—图解

至此,Hello World! 已经成功展示,任务完成。

NodeJs项目的各个目录含义如下:

  • node_modules 文件夹包含各种模块,这里使用了express框架和jade模板引擎。
  • public 文件夹包含各种静态文件。
  • routes 文件夹包含各种路径(我喜欢称之为action)。
  • views 文件夹包含各种模板。

如果您成功搭建了环境,请点赞,谢谢支持!

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享