脚手架vue-cli和@vue/cli的搭建及区别

本文详细介绍了vue-cli与@vue/cli的搭建步骤,包括node的安装、vue-cli2与@vue/cli3的创建项目过程。重点对比了两者之间的区别,如启动命令、配置文件目录的变化,并探讨了新版本中静态资源管理和视图组件的组织结构。
摘要由CSDN通过智能技术生成

vue-cli与@vue/cli

vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架,首先都需要安装node.

node的安装

node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装,node安装完之后,node自带的包管理工具npm也就安装好了,我们win系统直接开始在cmd窗口输入node -v查看node版本号,如下图能看到版本号说明node安装成功:
在这里插入图片描述
如果当前node版本不够,可以输入下面命令行来把node版本更新到最新的稳定版本:
先清除npm缓存:npm cache clean -f
然后安装n模块:npm install -g n
升级node.js到最新稳定版:n stable
如果是mac 在命令前面加sudo:sudo n stable

vue-cli2的搭建

node安装成功之后,然后检测一下之前是否安装过脚手架vue-cli,检测方法是输入命令vue -V或者vue --version如果能看到版本号说明之前安装过脚手架,如下图

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值