美文网首页程序员
nodejs - 环境搭建

nodejs - 环境搭建

作者: 小生王浩 | 来源:发表于2020-05-08 13:31 被阅读0次

    最近有点不知道要写点啥了,写简单的东西吧,感觉大家都会,所以把之前写过的东西写一下,今天先说下怎么搭建nodejs环境

    首先我们需要在电脑里面安装下nodejs

    windows下,直接去官网下载安装文件,然后直接安装就可以了,这个呢,我就不怎么说了,直接上地址:

    https://nodejs.org/en/

    直接下载就好,我感觉应该是官网根据客户端系统来判断的,反正基本都是当前系统适用的版本,一个是稳定版,一个是最新版,看着选吧,随便都能用

    然后linux的话就是下载出来压缩包,然后解压,把nodejs里面bin里面的命令都弄成全局的,基本就都能用了,记得执行命令的时候用管理员,要不然到管理员的时候会报错的,现在没有linux系统,就不说了,自己看着弄吧

    然后呢,就可以创建文件了,

        根据官网文档,简单的一个十几行代码的文件,就可以创建一个服务了:

        server.js:

        一共14行代码,然后一个简单的hello world 就出来了

    然后运行node server.js就可以开启服务了

    现在有express框架,所以可以一键创建安装,快速高效,执行几行命令就可以创建好了,快速搭建一个nodejs服务

    运行命令之前需要先安装下express到电脑上:

    npm install-g express-generator

    然后就可以一键创建项目了:

    express 文件夹名

    然后根据上面的提示,先cd到项目根目录,然后执行命令npm install

    之后直接运行npm start就创建项目了

    安装之后目录就成现在的样子了:

        bin文件夹里面是执行的命令,www文件其实就是一个js文件,因为nodejs运行的都是js命令所以执行的npm start 也就是说是执行的是这个www文件,可以从package.json里面看到

    再看下www里面的都有什么,因为太长所以把里面的文件里面的注释都去掉,然后就剩下这个了:

        由此可见,里面主要的一个需要经常修改的就是那个port,也就是端口了,基本上想要改端口的话,改下port就行了,如果有端口占用的话,会有报错:

        之后看里面的代码,发现里面第一行就引用的是app.js

        看下里面有哪些东西需要看的:

        看这里有什么有用的,需要修改的东西:

    app就是express变量,里面可以做许多操作,具体的看看下express里面的文档:

    5.x版本的文档:https://www.expressjs.com.cn/5x/api.html

    根据里面文档可以看到里面13,14行代码就是把静态文件夹设置下引擎扩展名,通俗的话就是把静态文件放到里面可以直接访问的文件夹,php里面的那个文件夹好像是htdocs了

    然后就是往app里面挂载组件了,然后就可以放页面访问的东西了,自己理解就是放接口的东西了

    然后最后几行挂载的,一个是404,另一个就是500的时候显示是什么样子的

        然后public里面放的是静态文件,可以试着往里面放一个newpage.html,然后就可以发现访问/newpage.html就可以访问了其实呢,放html等文件,应该是要放到views文件夹里面的,但是因为jade文件我不会写,就直接可以放到public里面也可以,准确的说里面可以放所有的静态文件

    然后根据app.js里面写的,里面还有个文件夹,routes,也就是可以放接口的文件夹,可以分模块写,写法自己随便区分就可以了

    然后看下route里面的文件里面有什么,因为这里默认的view engine是设置的jade,所以里面res.render访问的index文件就是views里面的index.jade,里面的title就是jade文件夹里面的title

    然后我们试着写一个接口,代码如下:

        这样就可以简单的返回一个json数据了,得到的结果:

        如果返回post数据方法一样

        好了,今天就说到这里了,如果想要前端转后端的话,就可以继续看了,明天试着弄下怎么样弄个爬虫

    相关文章

      网友评论

        本文标题:nodejs - 环境搭建

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