下面是关于"安装Node.js并创建Web程序"的完整攻略:
安装Node.js
- 访问Node.js官网,选择下载适配你操作系统的程序。
- 安装程序并按照提示操作。
创建Web程序
- 打开你的终端(Mac或Linux)或命令行提示(Windows),输入以下命令:
mkdir mywebapp
,创建一个名为mywebapp
的目录。 - 输入以下命令进入
mywebapp
目录:cd mywebapp
。 - 初始化项目:
npm init
,会生成一个package.json
文件,该文件用于管理依赖的包等信息。 - 安装
Express
Web框架npm install express
,将其添加为依赖包。 - 在
mywebapp
文件夹下,创建一个名为app.js
的文件,使用以下代码:
```javascript
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(Example app listening at http://localhost:${port}
);
});
```
- 在命令行中输入
node app.js
,并访问http://localhost:3000
,你应该会看到页面上显示出 “Hello World!”。
示例1:使用EJS模板引擎
- 安装EJS模板引擎:
npm install ejs
。 - 在
mywebapp
文件夹下,创建一个名为views
的文件夹。 - 在
views
文件夹下,创建一个名为index.ejs
的文件,使用以下代码:
```ejs
<%= message %>
```
- 修改
app.js
文件,使用以下代码:
```javascript
const express = require('express');
const app = express();
const port = 3000;
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index', { title: 'Home', message: 'Welcome to my webpage!' });
});
app.listen(port, () => {
console.log(Example app listening at http://localhost:${port}
);
});
```
- 在命令行输入
node app.js
,并访问http://localhost:3000
,你应该会看到页面上显示出 “Welcome to my webpage!”。
示例2:使用静态文件
- 在
mywebapp
文件夹下,创建一个名为public
的文件夹。 - 在
public
文件夹下,创建一个名为style.css
的文件,使用以下代码:
```css
body {
background-color: #F8F8F8;
}
h1 {
color: purple;
text-align: center;
}
```
- 修改
app.js
文件,使用以下代码:
```javascript
const express = require('express');
const app = express();
const port = 3000;
app.use(express.static('public'));
app.get('/', (req, res) => {
res.send(
'
Hello World!
'
);
});
app.listen(port, () => {
console.log(Example app listening at http://localhost:${port}
);
});
```
- 在命令行输入
node app.js
,并访问http://localhost:3000
,你应该会看到页面上显示出 “Hello World!”,背景为灰色,文字为紫色。
以上就是安装Node.js并创建Web程序的完整攻略,并且包含了两个示例。希望能够帮助到你。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:安装Node.js并创建Web程序 - Python技术站