【node.js,npm,express】的基本使用

543 阅读2分钟

「这是我参与2022首次更文挑战的第3天,活动详情查看:2022首次更文挑战」。

作为一个大前端,怎么能了解一点点后端知识呢;node.js已经成为了前端开发人员的必备知识,接下来我们一起了解下基本的使用;

npm的基本使用

安装包的基本命令

  • 要运行一个项目,只需要在项目根目录npm install,自动安装整个项目所需要的所有依赖包
  • 安装某个包:npm i xxx;
  • 安装指定版本:npm i xxx@版本号
  • 卸载:npm uninstall xxx
  • (-S)相当于--save 会把包安装在package.json 文件的dependencies(生产环境)里面
  • (-D)等于--save-dev 会把包安装在package.json (开发环境)里面的devDependencies

推荐几个常用的npm包

  • node热更新npm install -g nodemon,使用nodemon xxx.js启动文件
  • nrm 用于快速切换npm下载源;
nrm ls 查看源
nrm use xxx 切换源

npm package.json文件的解释

  • 使用node做项目,需要在根目录生成一个package.json文件可以npm init (手动一直回车生成)或npm init -y 自动生成

  • package.json文件中的字段script的每一个属性都是一个自定义的脚本命令。在命令行中可以通过npm run command(命令)来执行这段脚本。

比如常见的:npm run dev等等。。。我一般会懒省事,直接一个字母代替了(公司项目的话,还是要遵守团队开发规范的);

  "scripts": {

    "d": "next dev",

    "b": "next build",

    "s": "next start",

    "l": "next lint",

    "e": "npm run build && next export"

  }
  • 安装某个依赖包的时候会自动创建node-module文件夹(这个文件夹里面存放着项目安装的依赖包,想在js中引用的话,可以使用require的方法引用)

  • 包名称(name)、版本号(version)、描述(description)、作者(author)、版权(license)

express框架的基本使用

  • 安装node环境后,使用命令:npm init -y 初始化package.json文件
  • 使用npm安装依赖包

npm i express art-template express-art-template multer body-parser --save

  • 使用require命令引入需要的模块
//创建app应用
const app = express();
//把public配置为静态目录
app.use(express.static(path.join(__dirname,'public')))
//渲染arthtml文件模板
app.engine('art',require('express-art-template'))
//然后就可以使用res.render()方法渲染art文件
//把views文件夹配置成默认渲染的文件夹(一般为默认,不配置也可以)
app.set('views','./views');
//body-parser模块可以获取前端post方法传来的数据,需要下面2行代码
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

app.listen(3000, function () {

  console.log('\x1B[36m%s\x1B[0m', "------服务已启动 http://127.0.0.1:3000 ------");

})

node.js+express 简单使用模板-仓库地址:gitee.com/yonghui666/…

感谢大加的阅读,记得点个赞哦😯