基于webpack的npm等命令行到底做了什么

1.构建一个vue项目时：

1.1全局安装 vue-cli

$ npm install --global vue-cli
或者 $ npm install vue-cli -g
检测vue-cli是否安装成功：
vue list 或者 vue --version

1.2创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

1.3进入项目根目录

$ cd my-project

1.4安装依赖

npm install

1.5运行项目

$ npm run dev

2.使用npm命令安装模块（以富文本编辑器wangEditor为例）：

npm install wangeditor
安装好之后，wangeditor包就放在了工程目录下的 node_modules 目录中
安装结果如下：

image.png

窗口警告：缺失package.json文件 repository、license文件及项目描述以及README.MD文件等
原因：应该是此项目缺少package.json文件，package.json文件用于定义包的属性，是必不可少的。
解决办法：通过npm init生成package.json文件，或者npm init -f生成一个磨人的package.json文件。
配置过程以菜鸟网站上的教程为例：

image.png

此时再次运行命令npm install wangeditor 结果如下：

image.png

以上便是npm init创建package.json的过程。