[Vue专题] 对比vue-cli2.x和vue-cli3.x的搭建

Posted justuntil

tags:

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

简介:深入了解脚手架vue-cli2.x版本与3.x版本构建项目的区别

搭建前提条件:
node环境
node是傻瓜式安装的,直接去官网下载安装不断下一步
命令行输入node -v查询版本号,有版本号即安装成功
node自带npm包管理工具(安装好node也可以输入npm -v查看版本号)
npm太慢,下载国内淘宝镜像cnpm(npm install -g cnpm --registry=https://registry.npm.taobao.org)
安装webpack
运行npm install webpack -g
安装vue-cli 2.x
npm install vue-cli -g
创建项目:vue init webpack 项目名(不要取中文名字)
安装vue-cli 3.x
npm install @vue/cli -g
创建项目:vue create 项目名(不要取中文名字)
不添加指定版本号就是下载最新稳定版本
查看vue版本命令:vue -V

 

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

全局安装 Vue cli3 和 继续使用 Vue-cli2.x

全局安装 Vue cli3 和 继续使用 Vue-cli2.x

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

Vue-Router路由Vue-CLI脚手架和模块化开发 之 Vue-CLI 2.x脚手架工具基于webpack simple模板与基于webpack模板构建项目

vue-cli

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