本文最后更新于690 天前,其中的信息可能已经过时,如有错误请发送邮件到1739584917@qq.com
安装nodejs
在官网(https://nodejs.org/en/)根据自己的需求下载安装包就好,一般有两个版本(LTS与Current)
LTS表示长期支持版本,LTS 版本也被认为是最稳定的版本;而Current是较新的版本,但有很多不确定因素
正常情况选择LTS版本。下好安装包后双击打开,一直选择默认next就行
安装好后,按win+R键输入cmd
在命令行内输入
node --version
回车后出现 v+版本号,则证明安装成功
安装express框架
在命令行内输入
npm install -g express
-g 代表全局
之后可以将express命令工具分出来,安装一个命令工具,执行命令:
npm install -g express-generator
打开命令行,切换到你的工作空间(项目将会被创建到这里),执行命令:
express code -e
(在当前目录下创建一个名为code的web项目)
接着在code里面安装npm环境依赖
npm install
修改默认配置
1.手动吧views目录下的文件.ejs后缀改成以.html
2.修改app.js文件的配置
修改前:
修改后:
添加:
var ejs=require('ejs');
app.set(‘view engine’, ‘ejs’)修改为:
app.engine('html',ejs.__express);
app.set('view engine','html');
接着在app.js文件最下面添加监听:
app.listen(80);
保存后在code文件夹里面右键打开命令行,执行命令:
npm start
或
node app.js
运行这个web项目,此时在浏览器内地址栏输入localhost或者本机ip
此时这个项目就配置好了
其他技巧
由于每次修改项目,都需要先保存文件,重新启动项目,十分麻烦
我们可以加入一个工具——nodemon,每次修改项目会自动保存并重启项目
安装:打开命令行,执行命令:
node install nodemon
使用nodemon启动项目:
nodemon app.js
接着可以在code项目下新建一个txt文件
在里面写入:
cd ...(你项目的文件所在位置)
nodemon app.js
将这个txt文件改成bat文件,双击运行即可直接执行上面的命令