zoukankan      html  css  js  c++  java
  • mac如何运行VUE项目

    大家好,我是灰大狼。

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

    安装node.js

    1. 下载

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

      1. 安装

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

      2. 验证

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

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

      3. 更新至最新版本

        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项目就起来了,并且根据环境中的配置,监听后端的地址。

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

  • 相关阅读:
    [USACO Mar08] 牛跑步 --k短路
    [ZJOI2008]树的统计Count
    [SDOI2010]魔法猪学院 --k短路
    POJ 2449 Remmarguts' Date -K短路
    [SCOI2007]kshort--k短路
    [HAOI2015]树上操作 -树链剖分
    HDU Aragorn's Story -树链剖分
    [USACO09JAN]安全出行Safe Travel
    2019全球区块链杭州高峰论坛将于5月17日举办!
    2019亚洲物联网安全创新国际峰会将于5月在上海开幕!
  • 原文地址:https://www.cnblogs.com/xiaoming0601/p/12158380.html
Copyright © 2011-2022 走看看