npx 的使用和 vue-cli 4.x 如何使用 2.x

npx 的使用

npx 是什么

npx 是在 node 中自带的一个工具,可以帮助我们使用局部安装的工具包的命令

为什么要用 npx

因为现在企业开发项目的时候,不建议把这些工具安装成全局
这是因为现在的工具包更新很快,有可能你上一个项目用的是2.x版本,这个项目用的就是4.x版本,如果你安装了全局的话,要维护上一个项目,并进行现在这个项目的开发的话,就有可能出现高低版本兼容问题,所以我们一般都是局部安装工具包
局部安装虽然解决了高低版本兼容的问题,但是一些局部安装的命令就无法执行了,这个时候就要用到 npx ,来帮助我们使用这些局部命令

使用步骤

1:安装 npx
一般来说,这个都是 node 自带的,如果没有,我们就安装一下
(安装好之后只要在局部指令之前加上 npx 就可以使用局部工具的指令了)
npm install -g npx
2:工具包局部安装
cd AppName
yarn init -y
yarn add @vue/cli
3:使用
在原先的命令上加上 npx
如:npx vue created myapp
注意:项目名称不能有大写

vue-cli 4.x 如何使用 2.x

2.x 中提供的命令和 4.x 中是有所不同的,那如何在 4.x 中使用 2.x 的指令呢?

解决:安装桥接工具(工具)

安装方法: yarn global add @vue/cli-init
因为我的 @vue/cl 是局部安装的,所以在前加了 npx
在这里插入图片描述
成功连接,我们创建 vuejs 项目用以下指令
vue init webpack itenname
在这里插入图片描述
vue init wenpack 是固定写法
itemname: 项目的名称
项目创建成功了,我们根据他的提示,就可以把项目跑起来了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值