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

 时间:2026-02-13 14:58:55

1、第一步:安装vue-cli

cnpm 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、上述的报错是由于使用cnpm安装的,导致后面缺了很多库

所以我们使用npm重新install一次,注意是npm,这个时间可能会有点长.

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

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

6、cnpm run dev 运行程序

在浏览器我们就能看到我们初始化的vue的项目了。

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

  • java如何判断是否以指定字符串开头
  • java中HashMap的实现原理介绍
  • 对于需求文档如何进行测试
  • git切换本地分支的命令
  • navicat如何取得数据表行的总数
  • 热门搜索
    颤动的近义词 负责的近义词 大麦盒子怎么用 小儿感冒颗粒说明书 夺目的近义词 济宁医学院怎么样 脚酸是怎么回事 清醒的近义词 韩语再见怎么说 苹果手机截图怎么截