前端工具篇

1. 下载node

在如下网址直接下载： https://nodejs.org/zh-cn/download/

这个下载的node中包含了npm(npm是node的包管理工具)

 

2. node安装完成后，在命令行工具中使用npm命令下载nrm

　　1.npm install nrm -g

　　2.下载完成后，后台可能无法使用，解决方法（1.管理员身份运行powershel,2.命令行执行set-ExecutionPolicy RemoteSigned）

　　nrm提供了一些下载包的网址：

　　nrm ls 命令查看网址

　　nrm use 网址名   命令切换镜像源

 

3. 使用npm命令下载包

　　npm全局安装：

　　全局安装的包位于Node.js环境的node_modules目录下（C:\Users\18852034587\AppData\Roaming\npm\node_modules），全局安装的包一般用于命令行工具

　　npm本地安装：

　　npm init -y ： 这个命令用来初始化本地包的介绍文件

　　本地安装的包在当前目录下的node_modules中，本地安装的包一般用于实际开发

　　npm命令：

 

　　npm install -g 包名称（全局安装）

　　npm install 包名称（本地安装）

　　npm uninstall -g 包名卸载包

 

　　npm install 包名 --save   向生产环境添加依赖

　　npm install 包名 --save-dev 向开发环境添加依赖

 

4. 引入webpack

　网页中引入静态资源多了以后会出现什么问题？

　1.网页加载速度慢，因为我们要发起很多的二次请求

　2.要处理错综复杂的依赖关系

　如何解决上述问题？

    1.合并，压缩

　2.使用webpack解决包之间的依赖关系

　什么是webpack?

　webpack是前端的项目构建工具，是基于node.js开发出来的

　全局安装webpack

　npm install webpack -g

　npm install webpack-cli -g