【nodejs】(mac)nodejs+express+pug简易入门(从新建一个项目开始

作者:神秘网友 发布时间:2020-09-10 13:01:30

【nodejs】(mac)nodejs+express+pug简易入门(从新建一个项目开始

【nodejs】(mac)nodejs+express+pug简易入门(从新建一个项目开始)

1.首先,无论如何,先让你的系统里有node!
打开terminal,输入如下语句

brew install node

当然也可以直接去官网下载 https://nodejs.org/zh-cn/download/ 直接下载(.pkg)文件然后安装到本地就好啦
想要验证电脑是否下载了node,方法如下:
打开terminal,输入

node -v

或者直接输入

node

如果进入nodejs的交互式环境就算是安装成功了

btw,很多人都会问到全局安装和添加路径的问题,但我第一次下载node,就发现无论辣个路径都有我node小可爱,虽然咱也不知道为啥但总之就是可以用啦,所以你要是问我怎么配置路径嘿嘿嘿那我也是霸知道的=——=

2.把麦给express!
同样打开terminal,输入如下语句:

npm install -g express

至于为啥我这里要用全局变量安装呢我也霸知道哈哈哈哈哈哈哈
判断是否安装成功的方法和??一样
在terminal里面输入:

express --version

可以看安装的express版本号的话那就是安装好了

对啦,为了方便之后新建项目,咱下个express的生成器!

npm install express-generator -g

这个-g放前面放后面应该都是可以的
然后我们这个麦就算是到了express的手里啦~
那么接下来开始新建项目吧~

3.新建项目
打开terminal,cd进入你希望项目应该老老实实呆的目录,然后高贵冷艳地输入:

express 项目名称

一个完整的express框架的项目就算是新建成功啦,当然,如果你想要配合各种view比如pug、ejs或者是一些别的前端引擎的话,在新建项目的时候可以在项目名称后添加如 -v==pug 这句话,完整指令如下:

express 项目名称 -v=pug

那么系统在生成项目是会自动将view文件下的前端页面设置成.pug的文件
是不是超级方便 -__-+

对了对了!
还有一点!
记得把package.json配置文件里该下载的都下载了,比如像上述操作中,虽然使用了pug引擎但是还没下载呀,这样肯定是霸行滴
当然也是一句话就可以解决的事情- _ - +
打开terminal,进入项目所在的目录然后输入:

npm install -d

就会把package.json里提到的配置安排得明明白白~
然后就可以试着运行一下新建的项目咯
哦,我看了下新建的项目
好像没写在哪个端口运行
不过没关系,我们自己手搓一个就好了呀~
打开项目文件下的app.js
添加一句

app.listen(3000)

那么这个web application就可以在localhost:3000这个端口运行咯~
【nodejs】(mac)nodejs+express+pug简易入门(从新建一个项目开始

【记】

这就是node新建一个express框架的过程,和node相比起来,我大二学的jsp其配置之繁琐和老奶奶的裹脚布有的一拼【呸!孽障,有这么和爸爸讲话的吗】所以我现在也都忘记了当初是咋搭得环境了【疲惫的目光】

然后就毅然决然地奔向了node小天使的怀抱~

嘿嘿嘿

【完】

【nodejs】(mac)nodejs+express+pug简易入门(从新建一个项目开始相关教程

  1. finder是什么mac 窗口功能介绍
  2. macOS开发工具Visual Studio
  3. nodejs有什么用
  4. NodeJs怎么实现下载Excel文件功能
  5. nodeJS从入门到进阶一(基础部分)
  6. [Jenkins] 在Windows主节点上增加Mac子节点
  7. mac下crontab执行定时脚本
  8. 《Weisfeiler-Lehman Neural Machine for Link Prediction》文章