前言
Express是Node.JS进行Web开发的典型框架。
1、首先安装nodejs,npm
这时已经安装成功,版本号分别为:
2、在终端上执行以下代码
npm install -g express
npm install -g express-generator
第一行代码默认"全局"安装下载express最新版本,而最新版本将命令行工具分离出来了,所以需要执行第二行代码。
3、这一步不出意外就结束了
测试:express --version
测试:express --help
4、使用express自动生成项目框架
(1)项目前准备
安装node.js
安装express
安装MonoDB
安装Studio3T(MongoDB可视化界面工具)
(2)项目结构初始化
第一步:首先新建express站点,express publish-system -e -c less,这些我们新建的项目名称是publish-system,选择ejs模板,使用less进行预编译,如果小伙伴们不知道express的这些指令,可以通过express –help查看(插一句,在这之前确保已经安装了 express)
第二步:进入到这个项目目录 cd publish-system
第三步:安装依赖 npm install
第四步:启动这个项目 SET DEBUG=publish-system:* & npm start,这里如果你安装了pm2,也可以使用pm2启动
第五步:命令行会提示在哪个端口监听,如果想改默认端口号,在bin文件夹下面的www文件进行修改
第六步:打开浏览器进行查看 localhost:3000(默认)
D:\myTest>express publish-system -e -c less
warning: option `--ejs' has been renamed to `--view=ejs'
create : publish-system\
create : publish-system\public\
create : publish-system\public\javascripts\
create : publish-system\public\images\
create : publish-system\public\stylesheets\
create : publish-system\public\stylesheets\style.less
create : publish-system\routes\
create : publish-system\routes\index.js
create : publish-system\routes\users.js
create : publish-system\views\
create : publish-system\views\error.ejs
create : publish-system\views\index.ejs
create : publish-system\app.js
create : publish-system\package.json
create : publish-system\bin\
create : publish-system\bin\www
change directory:
> cd publish-system
install dependencies:
> npm install
run the app:
> SET DEBUG=publish-system:* & npm start
D:\myTest>cd publish-system
D:\myTest\publish-system>npm install
npm WARN deprecated boom@2.10.1: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated cryptiles@2.0.5: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated hoek@2.16.3: This version is no longer maintained. Please upgrade to the latest version.
npm notice created a lockfile as package-lock.json. You should commit this file.
added 120 packages from 135 contributors and audited 229 packages in 23.028s
found 4 moderate severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
D:\myTest\publish-system>SET DEBUG=publish-system:* & npm start
> publish-system@0.0.0 start D:\My_DownloadPath\BaiduNetdiskDownload\@前端开发_HTML+CSS+JS\_Demo_Node.js\myTest\publish-system
> node ./bin/www
publish-system:server Listening on port 3000 +0ms
GET / 200 36.484 ms - 207
GET /stylesheets/style.css 200 34.559 ms - 87
GET /favicon.ico 404 6.616 ms - 1713
GET / 304 2.982 ms - -
GET /stylesheets/style.css 304 2.277 ms - -
GET / 304 2.302 ms - -
GET /stylesheets/style.css 304 1.942 ms - -
GET / 304 2.047 ms - -
GET /stylesheets/style.css 304 1.872 ms - -
工程目录如下:
运行结果:localhost:3000