大家好，我是灰大狼.
最近在做一个前后端分离的项目，前端用的是vue，由于以前没有接触过，所以今天初步学习了下vue，vue我就不介绍了，这里主要给大家分享的是vue项目如何运行，由于我用的是mac，跟windows安装环境不太一样，这里主要说的是mac下如何安装环境以及运行一个vue项目。

安装node.js

1. 下载

   进入nodejs官网下载node.js，我下载的版本是12.14.0

   

   2. 安装

      按照步骤一步步来，即可安装完成，此时node和npm都一起给安装好了

   3. 验证

      node -v #查看node版本
      npm -v #查看npm版本
      

      由于node安装的时候就自带npm了。如果出现版本信息，就说明安装成功了。

      

   4. 更新至最新版本

      npm -g install npm #更新至最新版本
      

   运行vue项目

   这里提一下，如果是windows的话，也是按照这个步骤进行

   1. 安装淘宝镜像

   sudo npm install -g cnpm --registry=https://registry.npm.taobao.org #使用sudo目的是npm安装在了/usr/local/lib下，没有对应的操作权限
   

   2. 安装项目依赖

      必须要进入到vue项目根目录安装，执行如下命令，然后就静等安装完成，安装完成后，根目录下会多出一个node_modules文件夹，里面有vue项目运行的所有依赖

      cnpm install
      

   3. 运行项目

      执行命令：

      cnpm run dev
      

      cnpm run dev后面的dev在我的项目中表示的是dev环境，是在package.json文件里面，scripts字段定义的对象脚本，当然了，还有其他的环境，不同的环境对应的配置不同，在各境上运行只需要执行对应的命令即可。

      比如，我的项目中还有这些：

        "scripts": {
          "dev": "node build/dev-server.js",
          "build:prod": "cross-env NODE_ENV=production node build/build.js",
          "build:sit": "cross-env NODE_ENV=sit node build/build.js",
          "build:sit-preview": "cross-env NODE_ENV=sit npm_config_preview=true  npm_config_report=true node build/build.js",
          "lint": "eslint --ext .js,.vue src"
        }
      

      执行完成之后，前端vue项目就起来了，并且根据环境中的配置，监听后端的地址。

相遇即是缘分，如果这篇文章对您有帮助，请您动动手指点个赞支持一下，这对我非常重要，感谢您的支持！