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

2025-04-25 07:30:22

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项目
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢