vue-cli 安装全程排解

  • 原创
  • |
  • 浏览:2619
  • |
  • 更新:
  • |
  • 标签:操作系统 

vue-cli 安装遇到的一些bug.npm安装的失败!npm run dev 调起失败!解决bug过程!

工具/原料

  • 电脑
  • 安装过node

方法/步骤

  1. 1

    在搭建vue的cli 的环境时,首先第一步必须先安装node程序;

    vue-cli 安装全程排解
  2. 2

    node程序的安装如下:

    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
    vue-cli 安装全程排解
  3. 3

    安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

  4. 4

    这样就可以使用 cnpm 命令来安装模块了:cnpm install [name]

    vue-cli 安装全程排解
  5. 5

    安装webpack:

    cnpm install webpack -g

    vue-cli 安装全程排解
    vue-cli 安装全程排解
  6. 6

    安装vue脚手架:

    npm install vue-cli -g

    vue-cli 安装全程排解
  7. 7

    在硬盘上找一个文件夹放工程用的,在终端中进入该目录:

    而我的是:D:\vues\vuetest1

    vue-cli 安装全程排解
    vue-cli 安装全程排解
  8. 8

    脚手架成功之后在构建的项目之中会生成如下的

    vue-cli 安装全程排解
  9. 9

    安装项目依赖;npm install

    vue-cli 安装全程排解
  10. 10

    安装 vue 路由模块vue-router和网络请求模块vue-resource

    cnpm install vue-router vue-resource --save

  11. 10
    此文章非法爬取自百度经验
  12. 11

    启动项目:在启动项目上会报各种错:根据安装教程的步骤安装时各种依赖包,run dev 都是失败的 !

    cnpm run dev

  13. 12

    在跑run  dev 时 ,其实是在项目构建的根目录下run的,而我的项目根目录是vuedemo,所以后面所有的依赖都在此path下执行cmd;

    vue-cli 安装全程排解
    vue-cli 安装全程排解
  14. 13

    在启动项目:cnpm run  dev

    启动成功:会调起一个网页~

    vue-cli 安装全程排解
  15. 14

    cnpm run  dev 成功之后的页面画面

    vue-cli 安装全程排解
    vue-cli 安装全程排解
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签操作系统