Node.js基础知识1 | 青训营笔记

134 阅读2分钟

image.png 这是我参与「第四届青训营 」笔记创作活动的第12天

认识纯js,不认识dom和bom

实战

——> tab键补全

上键->上次的命令

npm —— 下载别人的模块

1.npm init

红色框框直接换行键 ——> 更正:都可以直接换行键

——>然后会生成package.json文件

2. package.json

package.josn是node的包管理文件,用来记录一个包或者一个项目的重要信息

{
  "name": "day-01",    //项目名称,由字母数字下划线组成,不能与npmjs.org官网的包重名
  "version": "1.0.0",  //项目版本号
  "description": "",   // 项目描述
  "main": "index.js",  //入口文件
  "scripts": {         //快捷命令
    "test": "echo "Error: no test specified" && exit 1"
  },
  "keywords": [],      //项目关键字
  "author": "",        //作者
  "license": "ISC",    //版本信息
  "dependencies":{},   //生产环境依赖模块
  "devDependencies": {}//开发环境依赖模块
}

(最好不修改)

3. 开始管理包

  • 安装

npm i 包的名字 / npm i 包名 --save / npm i 包名 --save-div

npm i 包名@版本号 ——>下载指定版本

相关信息会在package.json中更新

  • 卸载

npm uninstall 包的名字

  • 展示

npm list ——>当前文件夹

npm list -g ——> 全局

npm info 包名 ——> 详细信息

npm outdated ——>是否过期,是否有最新版本了

  • 合作

有package.json文件,在根目录打开窗口输入npm i 即可

  • 全局安装 不会更新在package.json

npm i -g 包的名字

  • 全局安装nrm —— >避免手动切换的麻烦 还是用npm

nrm时npm的镜像源管理工具,使用这个可以快速地在npm源间切换

使用 nrm ls ——> 带*的是当前使用的源,上面的输出表明当前源是官方源

切换nrm ——> 如nrm use taobao ——>切换到taibao源

npm config get registry ——>查看当前地址

  • 使用cnpm——>中国npm镜像,完整npmjs.org镜像

安装 ——> npm install -g cnpm --registry=registry.npmmirror.com

后直接 cnpm i --save 包名

  • yarn的使用

安装 ——> npm install -g yarn

速度超快:已缓存+并行

超级安全:通过算法校验每个安装包的完整性

  • 设置自动刷新重启项目

安装 ——> npm install nodemon -g

使用 ——> nodemon index.js

  • 引用进js文件

模块化开发

为什么要模块化

  1. 依赖关系:js放在html页面中

  2. 命名空间:在同一个html文件中会相互影响,如不同js文件里的相同方法名会后覆盖前

  3. 代码组织

解决 ——>

  • 定义

  • 暴露接口

commonJs的两种暴露方法

//module.exports = test; //这种形式只能写一次
module.exports = {
  test,
  upper,
};
//等同于
// exports.test = test;
// exports.upper = upper;
  • 引用

在哪用在哪引,引为对象,使用对象的方法

ES模块化写法

开启