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: 项目的名称
项目创建成功了,我们根据他的提示,就可以把项目跑起来了