Node.js初学笔记(使用InteliJ IDEA创建的项目)

这篇博客介绍了初学者如何使用IntelliJ IDEA搭建Node.js项目,从下载安装Node.js到配置项目,选择了ejs模板引擎。详细步骤包括设置项目结构、配置app.js文件、理解基本路由以及如何通过npm安装mysql模块和创建数据库连接。通过这些步骤,读者可以学习到Node.js应用的基础操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先需要在网上下载Node.js,然后安装;

2.安装好打开IDEA软件的settings...,点击Plugin搜索node.js并安装;

3.安装好后新建项目可以看到大概在flash上面有Node.js and npm,点击next创建项目,本人使用的是ejs,建议都用ejs。然后finish.


4.创建好后应该是下图的样子,其中routes是路由,views是界面,bin目录下的www文件打开后可以修改端号,一般默认是3000。


5.app.js文件配置文件,很重要。下图标注,默认的写法和我的有点不同,但是这种更加简单。


6.路由的基本写法,运行文件,打开浏览器,输入localhost:3000/admin,可以看到渲染的内容

module.exports=function (app) { //此处的aap是app.js里定义了的。
app.get("/admin",function (req,res) { 
res.render("index",{title:"微信apps"});//index是界面的文件名,后面是渲染的内容
})
}

7.连接数据库,我使用的MySQL.

打开Terminal 输入命令npm install mysql,等它安装mysql模块。

8.创建mysql.js文件访问mysql,运行此文件就可看到控制台打印的信息。

var mysql = require('mysql');

var TEST_DATABASE = 'test1'; //连接的数据库名
var TEST_TABLE = 'info';//连接的表名

//创建连接
var client = mysql.createConnection({
user: 'root', //数据库名
password: 'admin', //数据库密码
});

client.connect();
client.query("use " + TEST_DATABASE);

client.query(
'SELECT * FROM '+TEST_TABLE,
function selectCb(err, results, fields) {
if (err) {
throw err;
}

if(results)
{
for(var i = 0; i < results.length; i++)
{
console.log("%d\t%s\t%s", results[i].id, results[i].name, results[i].age);
}
}
client.end();
}
);
IntelliJ IDEA 中新建项目时,如果找不到 Node.js 选项,可能是由于插件未安装或配置不正确。以下是解决该问题的详细步骤: ### 检查并安装 Node.js 插件 IntelliJ IDEA 默认支持 Node.js 开发,但需要确保相关插件已安装。 1. 打开 IntelliJ IDEA。 2. 进入 **Settings**(设置)界面: - 如果当前没有打开任何项目,可以在欢迎页面点击 **Configure** > **Settings**。 - 如果已经打开了项目,可以通过菜单栏选择 **File** > **Settings**(Windows/Linux)或 **IntelliJ IDEA** > **Preferences**(macOS)。 3. 在左侧导航栏中选择 **Plugins**。 4. 在搜索框中输入 `Node.js`,检查是否已安装 **Node.js** 插件。 5. 如果未找到插件,点击 **Marketplace** 标签页,再次搜索 `Node.js` 并安装插件。 6. 安装完成后,重启 IntelliJ IDEA。 ### 配置 Node.js 解释器路径 即使 Node.js 已经安装成功,也需要在 IntelliJ IDEA 中配置其路径才能正常使用。 1. 打开 IntelliJ IDEA 设置界面。 2. 导航到 **Languages & Frameworks** > **Node.js and NPM**。 3. 点击右侧的 **...** 按钮,浏览本地文件系统以找到已安装的 Node.js 可执行文件(通常位于 `C:\Program Files\nodejs\node.exe` 或 `/usr/local/bin/node`)。 4. 选择正确的 Node.js 路径后,IDEA 会自动识别 NPM 版本。 5. 点击 **Apply** 和 **OK** 保存设置。 ### 创建 Node.js 项目的替代方式 从某些版本开始,IntelliJ IDEA 的 **New Project** 界面可能不再直接显示 **Node.js** 选项。此时可以通过以下方法创建项目: 1. 选择 **File** > **New** > **Project**。 2.项目模板列表中选择 **Static Web** 或 **Empty Project**。 3. 完成项目创建后,在项目根目录下手动初始化 Node.js 项目: ```bash npm init -y ``` 4. 添加必要的依赖项(如 Express、Vue CLI 等),然后重新加载项目即可使用 Node.js 功能[^2]。 ### 验证 Node.js 是否安装成功 如果在命令行中无法识别 `node` 命令,可能是因为环境变量未正确配置。 1. 打开命令提示符(CMD)或终端。 2. 输入以下命令验证 Node.js 和 NPM 是否安装成功: ```bash node -v npm -v ``` 3. 如果提示命令未找到,请检查系统环境变量中的 `PATH` 是否包含 Node.js 的安装路径(例如 `C:\Program Files\nodejs\`)[^3]。 ### 使用 Vue CLI 创建项目(可选) 如果你希望开发基于 Vue 的 Node.js 项目,可以先安装 Vue CLI 脚手架工具: 1. 打开 IntelliJ IDEA 内置终端(Terminal)。 2. 执行以下命令安装 Vue CLI: ```bash npm install -g vue-cli ``` 3. 创建项目: ```bash vue init webpack my-project cd my-project npm install npm run dev ``` 4. 访问 `http://localhost:8080` 查看运行效果[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值