前端下载依赖

使用淘宝镜像

npm install --registry=https://registry.npm.taobao.org

如果下载失败，则把下载不下来的包在package.json中删除调，下载完成后再添加回去，单独去下载未下载好的包，然后添加到node_modules中运行项目即可

解决mac本 node-sass安装问题

在 Mac M1 或 M2 上安装 Node Sass 可能会遇到一些问题，因为 Node Sass 需要编译二进制文件。

这里咱们使用sass来替代node-sass

# 卸载node-sass 相关依赖
npm uninstall node-sass
npm uninstall sass-loader 

# 安装sass （保存到开发环境，生产不适用）
npm install [email protected] --save-dev
npm install [email protected] --save-dev

解决前端启动报错找不到vue的问题

在Vue.js应用程序中，vue、vue-loader、webpack 和 vue-template-compiler 是三个关键的依赖项，它们在Vue.js开发中发挥着不同的作用。在使用Webpack构建Vue.js应用时，确保这些依赖项的版本兼容性是很重要的。

Vue  是 JavaScript 框架，用于构建用户界面。

vue-loader 是一个Webpack的加载器，用于解析和转换Vue文件（.vue）。
版本：vue-loader 的版本通常需要与Vue.js版本匹配。尽量使用 vue-loader 的15.x版本。

vue-template-compiler 用于将Vue模板编译为渲染函数。在使用Runtime-only版本的Vue.js时，通常需要vue-template-compiler。
版本：vue-template-compiler 的版本应该与vue版本匹配，保持一致。

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。它将多个模块、资源、样式等打包成一个或多个最终的 bundle 文件，以便在浏览器中加载。
版本： webpack 有多个主要版本，如 webpack 4、webpack 5 等。你可以在项目的 package.json 文件中指定你要使用的 webpack 版本。例如："webpack": "^5.0.0"。确保 webpack 和其相关的 loader、插件版本与你的项目需求和其他依赖项兼容。

{
  "dependencies": {
    "vue": "^2.7.15",
    "vue-template-compiler": "^2.7.15"
    "webpack": "^4.0.0",
    "vue-loader": "^15.11.1",
  }
}