vue脚手架安装
1、安装vue脚手架时，使用工具命令vue init webpack vue1创建vue项目
①从github仓库中下载vue-templates/webpack，然后解压到本地
下载地址：https://github.com/vuejs-templates/webpack
②下载完成之后，将压缩包解压到用户目录下，需要更改用户目录下的目录为.vue-templates，注意文件夹名称前面的点( . )，文件名为webpack。
修改完成后，我们再进行vue init webpack vue1命令时，需要注意后面的 –offline（表示离线化)
命令： vue init webpack 项目名 -offline
执行命令之后，显示：Project initialization finished!表示安装成功。
2、项目创建成功后，通过命令启动
①cd vue1 切换目录至项目目录
②npm run dev 运行
③在浏览器中使用localhost:8080则可以访问，表示vue脚手架安装完成了。
3、vue 前端项目编译
①cd 项目路径
②rm node_modules/ -rf
③cpm install 这里使用cnpm代替npm下载依赖包
npm install
---------------------------------------------------------------------------项目目录结构------------------------------------------------------------------------------------
├── build/ # webpack 编译任务配置文件: 开发环境与生产环境
│ └── ...
├── config/
│ ├── index.js # 项目核心配置
│ └── ...
├ ── node_module/ #项目中安装的依赖模块
── src/
│ ├── main.js # 程序入口文件
│ ├── App.vue # 程序入口vue组件
│ ├── components/ # 组件
│ │ └── ...
│ └── assets/ # 资源文件夹，一般放一些静态资源文件
│ └── ...
├── static/ # 纯静态资源 (直接拷贝到dist/static/里面)
├── test/
│ └── unit/ # 单元测试
│ │ ├── specs/ # 测试规范
│ │ ├── index.js # 测试入口文件
│ │ └── karma.conf.js # 测试运行配置文件
│ └── e2e/ # 端到端测试
│ │ ├── specs/ # 测试规范
│ │ ├── custom-assertions/ # 端到端测试自定义断言
│ │ ├── runner.js # 运行测试的脚本
│ │ └── nightwatch.conf.js # 运行测试的配置文件
├── .babelrc # babel 配置文件
├── .editorconfig # 编辑配置文件
├── .gitignore # 用来过滤一些版本控制的文件，比如node_modules文件夹
├── index.html # index.html 入口模板文件
└── package.json # 项目文件，记载着一些命令和依赖还有简要的项目描述信息
└── README.md #介绍自己这个项目的，可参照github上star多的项目。
build/
4、问题和解决方案
package-lock.json冲突怎么办？
从稳定的分支checkout package-lock.json，再重新npm install生成一份新的package-lock.json。
想回退package-lock.json中的依赖的依赖版本怎么办？
在项目中直接install依赖的包对应的版本生成对应的lock文件，在将其从package.json中去除，即可将依赖的依赖版本进行回退。当然回退的版本需要符合版本约束。
5、package.json确定依赖的范围，package-lock.json将这个范围精确到具体版本。主要是为了解决在各个环境中得到确定的node_modules，如果只依赖package.json因为该文件声明的是直接依赖的范围，它无法将直接依赖固定在某个特定版本，也无法声明依赖的依赖。所以需要引入package-lock.json文件来达到我们固定node_modules的目的
如果只有一个package.json并且执行了npm i 我们将会生成package-lock.json文件。
如果针对package.json和package-lock.json执行npm i，后者永远不会更新，即使package.json中依赖的包有更新的版本。
如果你手动编辑了package.json中依赖包版本到不同版本范围并且执行了npm i，并且这个版本范围和package-lock中的不兼容，之后会更新package-lock中的版本为兼容package.json内的版本。之后npm i的运行和上面两条的描述一致
开发环境：
------------------------------------------------
node -v
v12.21.0
npm -v
6.14.11