vue-cli 安装全程排解

vue-cli 安装全程排解

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

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

node程序的安装如下:

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

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

安装webpack:

cnpm install webpack -g

安装vue脚手架:

npm install vue-cli -g

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

而我的是:D:\vues\vuetest1

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

安装项目依赖;npminstall

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

cnpm install vue-router vue-resource --save

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

cnpm run dev

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

在启动项目:cnpm run dev

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

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