这是我参与「第四届青训营 」笔记创作活动的第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文件
模块化开发
为什么要模块化
-
依赖关系:js放在html页面中
-
命名空间:在同一个html文件中会相互影响,如不同js文件里的相同方法名会后覆盖前
-
代码组织
解决 ——>
-
定义
-
暴露接口
commonJs的两种暴露方法
//module.exports = test; //这种形式只能写一次
module.exports = {
test,
upper,
};
//等同于
// exports.test = test;
// exports.upper = upper;
- 引用
在哪用在哪引,引为对象,使用对象的方法
ES模块化写法
开启