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

 时间:2026-04-24 14:20:41

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如何取得数据表行的总数
  • 热门搜索
    被烫伤起水泡怎么办 怎么给文件加密 下巴长疙瘩怎么回事 肚脐下面疼是怎么回事 怎么分东南西北方向 华为手机质量怎么样 无房产证明怎么开 牡丹鹦鹉怎么养 销售工作内容怎么写 内双怎么变外双