2020.12.4日志

1、

npm: Nodejs下的包管理器。
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。
vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）
开始：

2、node.js 安装详细步骤教程：

https://blog.csdn.net/antma/article/details/86104068

https://www.cnblogs.com/lgx5/p/10732016.html

注意安装webpack时不要使用默认安装最新版本的：https://blog.csdn.net/weixin_43750031/article/details/84307507

3、利用node.js搭建服务器并访问静态网页 ：https://www.cnblogs.com/pengshengguang/p/8318563.html

4、nodejs服务器anywhere简介：https://www.cnblogs.com/cssfirefly/p/5736139.html

5、npm scripts 使用指南：http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html

6、

webpack安装和卸载以及查看版本的命令：

## 全局安装：
cnpm i webpack webpack-cli -g

## 局部安装：
cnpm i webpack webpack-cli -D

## 全局卸载
cnpm uninstall webpack webpack-cli -g

## 局部卸载
cnpm uninstall webpack webpack-cli 
##查看本地版本

npx webpack -v

7、实验文档：https://www.runoob.com/w3cnote/webpack-tutorial.html

其中webpack runoob1.js bundle.js的命令要修改为：webpack ./runoob1.js -o ./dist  。因为webpack的新版本的命令修改了。

8、webpack常见命令：

【1.npm install webpack -g   //全局安装webpack

【2.npm init -y   // 初始化默认的package.json文件

【3.npm install webpack --save-dev   //下载webpack插件到node_modules并在package.json文件中爱上webpack的配置内容

【4.webpack   //对项目进行打包

【5.webpack  --watch  //自动监控文件的改变

【6.webpack  --display-modules  //打包时显示隐藏的模块

【7.webpack  --display-chunks   //打包时显示chunks

【8.webpack  --display-error-details  //显示详细错误信息

【9.npm install {whatever}-loader  --save-dev   //安装loader并将该loader配置到package.json文件中

9、Webpack三种打包方式：https://blog.csdn.net/qq_25927437/article/details/85785533

10、npm --save 的含义：https://www.jianshu.com/p/437ad603d49d

11、npm局部安装和全局安装文件的区别：https://blog.csdn.net/u013594477/article/details/79861404