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

  1. 如何利用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项目