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