搭建一个node.js项目

青纱發表於 2019-12-3 21:55:00

<div>
<h2><img src="https://img2018.cnblogs.com/i-beta/509576/201912/509576-20191203215514732-1856255661.png"></h2>
 
 
<h2>初始化项目</h2>
新建一个文件夹，运行 <code>npm init</code> 初始化项目
<pre class="line-numberslanguage-bash"><code class="language-bash">mkdir okadaGo
cd okadaGo
npm init
</code><button class="VJbwyy" type="button"></button></pre>
按照提示输入一些项目的相关信息
<pre class="line-numberslanguage-kotlin"><code class="language-kotlin">D:\web\node>mkdir okadaGo

D:\web\node>cd okadaGo

D:\web\node\okadaGo>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (okadaGo)
Sorry, name can no longer contain capital letters.
name: (okadaGo) okada_go
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to D:\web\node\okadaGo\package.json:

{
"name": "okada_go",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

Is this ok? (yes)

D:\web\node\okadaGo>
</code><button class="VJbwyy" type="button"></button></pre>
<h3>目录结构</h3>
建立三个文件夹：public、routes 和 views。
项目的文件结构如下
<pre class="line-numberslanguage-java"><code class="language-java">├─models/
├─public/
├─routes/
├─views/
├─index.js
└─package.json
</code><button class="VJbwyy" type="button"></button></pre>
对应文件及文件夹的用处：
<ul>
<li><code>models</code> 存放操作数据库的文件</li>
<li><code>public</code> 存放静态文件，如 css、图片等</li>
<li><code>routes</code> 存放路由文件</li>
<li><code>views</code> 存放模板文件</li>
<li><code>index.js</code> 程序主文件</li>
<li><code>package.json</code> 存储项目的信息，比如项目名、描述、作者、依赖等</li>
</ul>
<h2>安装依赖</h2>
安装 express 框架
<pre class="line-numberslanguage-undefined"><code class="language-undefined">npm install express --save
</code><button class="VJbwyy" type="button"></button></pre>
<h2>启动项目</h2>
进入项目的根目录，建立一个 <code>index.js</code> 文件，并加入如下代码
<pre class="line-numberslanguage-javascript"><code class="javascriptlanguage-javascript">var express = require('express');
var app = express();

app.get('/', function(res, rep) {
rep.send('Hello, word!');
});

app.listen(3000);
</code><button class="VJbwyy" type="button"></button></pre>
然后在控制台中输入
<pre class="line-numberslanguage-css"><code class="language-css">node index.js
</code><button class="VJbwyy" type="button"></button></pre>
接着使用浏览器访问 http://localhost:3000/，就可以看到效果了
<div class="image-package"> <img src="https://img2018.cnblogs.com/i-beta/509576/201912/509576-20191203215439325-1683750637.png">
 
 
</div>
</div>
 
来源：https://www.cnblogs.com/xingchong/p/11979782.html

頁: [1]

琼殿技术论坛's Archiver

搭建一个node.js项目