美文网首页我爱编程程序员
我用node.js新建一个项目

我用node.js新建一个项目

作者: 疯枫子 | 来源:发表于2018-03-16 13:53 被阅读0次

目前要做后台数据与前台页面的交互,服务器则是必不可少的存在。接触过apache(被我们叫做“阿帕奇”),也接触过今天需要提到的node.js。虽然网上教程一大把,但是我要为自己记录一份,方便自己的查阅。

1、下载node.js,直接百度node.js进入官网,点击downloads下载,我根据自己机型,选择windows 64位.我这里选择.msi,有界面式的安装,zip需要命令安装。个人觉得能力不够容易出错。

2、下载后,双击安装,勾选需要的,注意安装的位置,建议安装在c盘以外的位置。安装好后可以在刚刚安装的路径找到一个nodejs文件夹。

3、检查node.js是否安装好。打开运行cmd,输入命令 node -v查看版本信息.目前node.js的版本包含了npm模块,可以输入npm -v查看npm 版本信息

4、创建一个自己的node.js项目。首先选择自己要创建在那个盘或那个文件下面。我这边进入了f盘,要想进入某个文件的直接 cd 文件名。然后输入 express -t ejs 项目名称。我这里取的项目名称为BK。

创立好之后可以在对应的目录下面找到新建立的项目文件夹。此时发现没有node.js的依赖库,这里我选择的是命令添加,当然你也可以直接从之前安装的全局nodejs文件夹下面把node_modules文件夹考过来。

5、cd到BK目录下,执行命令npm install,安装项目依赖。此时项目文件夹BK里面就会多一个node_modules文件夹

至此整个项目就创建好了。现在我们可以试试是否可以运行了。

6、首先点击BK进入该文件夹,shift+右键,点击“在此处打开Powershell窗口”,然后输入命令npm start,此时,服务器就开启成功了。

7、进入任意浏览器输入地址“localhost:3000”或者“127.0.0.1:3000”,默认的服务器端口号为3000,怕冲突的可以自己进入bin下的www文件进行编辑把3000改成其他的。出现下面界面就说明服务器连接建立成功。

大概讲一下node.js项目的文件夹和文件的作用吧。

bin:项目的启动文件,也可以放其他脚本

node_modules:用来存放项目的依赖库。

public:用来存放静态文件(html、css、js、images)。

routes:路由控制器(服务器代码存放位置)。

views:视图目录(相当于MVC中的V)。

app.js:项目入口及程序启动文件。

package.json:包描述文件及开发者信息。

node.js全自学,发现简单又好用。语言都是相通的,喜欢编程就动起来吧。

相关文章

  • 我用node.js新建一个项目

    目前要做后台数据与前台页面的交互,服务器则是必不可少的存在。接触过apache(被我们叫做“阿帕奇”),也接触过今...

  • [FE] 使用vscode调试npm scripts

    1. 调试node.js 我们先来看看vscode如何调试node.js。 1.1 新建项目 1.2 新建inde...

  • 免费的服务器

    一:实现平台 https://glitch.com 一个免费实现 node.js的平台 二:新建项目 新建 hel...

  • 创建一个vue项目

    下载安装node.js 安装vue-cli 新建项目 项目配置image.png 安装依赖 运行项目

  • java kotlin的hello world

    选择kotlin新建一个项目 用idea新建项目 新建文件 写入一个helloworld,run之后就可以,默认p...

  • 简单的邮件的发送

    准备: 安装node.js ,新建一个项目, 然后打开项目文件夹,按住shift键在右键然后选择 在此处打开命令窗...

  • IDEA 创建 Java 新项目

    新建一个 Java 项目 创建空项目 文件-新建-项目--空项目 创建新模块 选择 SDK 版本(一般用1.8) ...

  • webpack 打包第一节

    安装node.js 全局环境安装进去 进入到项目中新建hello.js文件 回到命令页 进入到项目新建style....

  • Vue实战启动项目

    安装node.js安装npm安装yarn 进到项目目录 yarn//类似composer install 新建co...

  • truffle框架构建和使用

    HelloWorld程序 安装工具 安装Node.js 地址 安装truffle框架 项目建立 新建HelloWo...

网友评论

    本文标题:我用node.js新建一个项目

    本文链接:https://www.haomeiwen.com/subject/pqulqftx.html