「这是我参与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/…
感谢大加的阅读,记得点个赞哦😯