手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何利用vue-cli初始化构建vue项目

时间:2024-10-11 18:26:27

1、第一步:安装vue-clicnpm intall vue-cli -g

如何利用vue-cli初始化构建vue项目

2、第二步:检查是否安装成功查看vue-cli是否成功,不能检查vue-cli,需要检查vue箪滹埘麽vue -V查看vue的版本号vue list

如何利用vue-cli初始化构建vue项目
如何利用vue-cli初始化构建vue项目

3、第三步:初始化vue init webpack “名称”名称就是创建项目的名称,暂时叫做vue-me

如何利用vue-cli初始化构建vue项目

4、如果在执行上述 操作之后,你遇到如下的错误,导致不能运行。

如何利用vue-cli初始化构建vue项目

5、上述的报错是由于使用c艘绒庳焰npm安装的,导致后面缺了很多库所以我们使用npm重新install一次,注意是npm,这个时间可能会有点长.

如何利用vue-cli初始化构建vue项目
如何利用vue-cli初始化构建vue项目

6、cnpm run dev 运行程序在浏览器我们就能看到我们初始化的vue的项目了。

如何利用vue-cli初始化构建vue项目
© 手抄报圈