nodejs搭建后台最小系统

1.创建express项目

第一步:全局安装express-generator脚手架

不是应该安装express脚手架吗,怎么是安装express-generator?
其实是这样的,express在最新版本上出现了问题,难以成功安装,为了避免踩坑,统一安装express-generator,当然如果express可以正常安装也是可用的,这两个脚手架用法一样。

全局安装express-generator脚手架
npm install express-generator -g

nodejs搭建后台最小系统
小伙伴执行完需要验证脚手架安装是否成功可以执行下面的指令验证

express -V

nodejs搭建后台最小系统

第二步:创建express应用

和vue-cli脚手架一样,通过简单命令就可以创建一个项目,express也是如此。首先我们去到合适的目录,然后cmd执行以下代码(node-base-demo为项目名字,可换成其他的):

express node-base-demo

nodejs搭建后台最小系统
此时可以看到目录中多了一个新文件夹node-base-demo

第三步:安装依赖

既然项目已经创建好了,那当然是去安装依赖呀(可以理解为下载插件和库),首先我们cd进项目文件夹,如下:
nodejs搭建后台最小系统
不要着急快完事了,进来了就抓紧安装依赖使用下面的代码:

npm install

nodejs搭建后台最小系统
执行该命令时可以使用淘宝镜像cnpm。npm install用来安装依赖(也叫做下载模块),如果不写模块名,那么npm将在当前路径寻找package.json项目文件,然后安装所配置的模块。安装成功后会在项目目录中新建一个node_modules文件夹,如果安装出错(一般来说警告是可以理解的,错误就一定要排除),需要把node_modules文件夹全部删掉,重新npm install。

第四步:启动项目

具体启动是什么命令呢?除了可以去官网查看启动命令和查看控制台输出外,我在这里推荐一个方法,百试百灵。那就是在cmd中输入:

npm run

npm执行这句话时,会从package.json项目文件中查找全部的命令

nodejs搭建后台最小系统
这时候我们就很明确知道npm run start就是启动命令了,期待了这么久,那赶紧来启动看看。

nodejs搭建后台最小系统
明明已经启动了,怎么没有效果呢?

好吧,这也是我一度疑惑的问题,在vue和react脚手架下,都会自动给我们打开浏览器的呀,怎么这里不会呢?

其实这里是正常的,没毛病,项目已经正常启动了,不信你手动在浏览器输入以下网址试一下

http://localhost:3000

nodejs搭建后台最小系统
哎,没毛病吧,nodejs不会帮你自动打开浏览器的。

如果你的项目启动失败,那往往是模块没有全部安装或者端口冲突。模块的问题见我前面说的,删除node_modules文件夹,重新安装一次;