对比vue-cli2.x和vue-cli3.x的搭建

Posted xl4ng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对比vue-cli2.x和vue-cli3.x的搭建相关的知识,希望对你有一定的参考价值。

搭建前提条件:

  1. node环境

    • node是傻瓜式安装的,直接去官网下载安装不断下一步
    • 命令行输入node -v查询版本号,有版本号即安装成功
    • node自带npm包管理工具(安装好node也可以输入npm -v查看版本号)
    • npm太慢,下载国内淘宝镜像cnpm(npm install -g cnpm --registry=https://registry.npm.taobao.org)
  2. 安装webpack

    • 运行npm install webpack -g
  3. 安装vue-cli 2.x

    • npm install vue-cli -g
    • 创建项目:vue init webpack 项目名(不要取中文名字)
  4. 安装vue-cli 3.x

    • npm install @vue/cli -g
    • 创建项目:vue create 项目名(不要取中文名字)

不添加指定版本号就是下载最新稳定版本

技术图片
技术图片


以上是关于对比vue-cli2.x和vue-cli3.x的搭建的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli2.x与vue-cli3.x的搭建

vue-cli 3.x 与vue-cli 2.x构建项目的区别

vue-cli@3.x初体验之前篇-回顾vue-cli@2.x创建项目的流程

Vue 爬坑之路—— vue-cli 3.x 搭建项目

Mac vue-cli2.x版本升级3.x方法

vue-cli3.x创建及运行项目