zoukankan      html  css  js  c++  java
  • mac怎样运行vue项目

    由于mac非常人性化的将bash内置于终端中,因此可以直接在终端中使用bash命令。

    第一步: mac os系统安装 brew

      打开终端运行以下命令           

      /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"


    第二步: 安装 node.js

        为了避免使用brew命令经常出错的情况,所以采用手动安装  

       下载地址:https://nodejs.org/en/download/(选择mac os)

    第三步: 获取node.js模块安装目录访问权限(必须步骤)      

      sudo chmod -R 777 /usr/local/lib/node_modules/


    第四步: 安装 淘宝镜像(cnpm)    

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


    第五步:安装webpack     

      npm install -g webpack
      或
      cnpm install -g webpack


    第六步:安装vue脚手架       

      1.npm/cnpm 

        npm install -g vue-cli (npm下载速度超级慢,目前cnpm已经成功替代npm)
        或
            cnpm install -g vue-cli
      2.yarn

        <1>安装yarn

        npm i -g yarn
        或
        cnpm i -g yarn
        <2> 安装vue脚手架

        yarn global add vue-cli


    第七步:在硬盘上找一个文件夹放工程用的,在终端中进入该目录

      cd 目录路径

    第八步:创建一个vue.js工程

      vue init webpack(使用哪个模板?不懂可以百度一下) 工程名字(工程名字不能用中文)
      例如:vue init webpack my-app


    第九步:安装项目依赖

      1.npm/cnpm 

        npm install
        或
        cnpm install     
          2.yarn

        yarn


    第十步:启动项目

      1.npm/cnpm 

        npm run dev
        或
          cnpm run dev
      2.yarn

        yarn run dev

  • 相关阅读:
    vue+element-ui实现前端分页
    element-UI中table表格的row-click事件怎么获取一行数据的id
    使用一个for循环将N*N的二维数组的所有值置1
    http常见的状态码
    反转一个英文句子中的单词,并且对应位置大小写不改变
    用一条SQL语句查出每门课都大于80分的学生的姓名
    平滑重启原理及平滑更新
    php之命名空间
    php之trait-实现多继承
    C入门之一
  • 原文地址:https://www.cnblogs.com/pingxingxian/p/10062858.html
Copyright © 2011-2022 走看看