大家好，我是灰太狼。最近在做一个前后端分离的项目。前端使用vue。由于之前没有接触过，所以今天学习了一下vue。vue我就不介绍了。这里主要给大家分享一下vue项目是如何工作的。因为我用的是mac，和windows的安装环境不一样。这里我主要说一下如何在mac下安装环境和运行一个vue项目。安装node.js下载进入nodejs官网下载node.js，我下载的版本是12.14.0安装按照步骤一步步安装即可完成，此时node和npm一起安装，验证node-v#查看node版本npm-v#查看npm版本，因为安装node时npm自带。如果出现版本信息，则表示安装成功。更新到最新版本npm-ginstallnpm#更新到最新版本运行vue项目这里如果是windows，按照这一步安装淘宝镜像sudonpminstall-gcnpm--registry=https://注册表。npm.taobao.org#使用sudo的目的是npm安装在/usr/local/lib下，没有安装项目依赖的相应操作权限。安装必须进入vue项目的根目录，执行如下命令，然后等待安装完成，安装完成后，根目录下会多出一个node_modules文件夹，里面包含了所有的依赖正在运行的vue项目。它是在package.json文件中的脚本字段中定义的对象脚本。当然，还有其他环境。不同的环境有不同的配置。在各个环境中运行，只需要执行相应的命令即可。例如，我的项目中也有这些："scripts":{"dev":"nodebuild/dev-server.js","build:prod":"cross-envNODE_ENV=productionnodebuild/build.js","build:sit":"cross-envNODE_ENV=sitnodebuild/build.js","build:sit-preview":"cross-envNODE_ENV=sitnpm_config_preview=truenpm_config_report=truenodebuild/build.js","lint":"eslint--ext.js,.vuesrc"}执行完成后，前端Vue项目启动，根据环境中的配置监听后端地址。相遇是缘分。如果本文对您有帮助，请点赞支持。这对我来说很重要，感谢您的支持！
