Vue-cli安装遇到的问题解决方法

1.安装nodejs全局安装vue-cli

我们是在国内，npm安装的速度和下载的时候可能会出问题，所以我现在用cnpm 安装具体安装

 

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装失败，可以使用 npm cache clean 清理缓存，然后重新安装，使用 cnpm -v 查看是否安装成功

cnpm安装vue-cli和webpack

 

cnpm install -g vue-cli

安装完vue命令环境后，我们测试是不是安装成功，直接 vue -version

vue-cli提供了几个模板给开发者用于不同类型的项目，我们可以通过vue list 查看

2.初始化项目，生成项目模板

vue init webpack demovue init 模板名称 + 项目名字；意思是，首先我们选择webpack的模板还有demo作为项目名字

 

vue init webpack demo

接着选择相应的选项，例如项目名称，开发者，我是直接按Enter就默认

3.运行

然后我们可以看到那个命令行提示消息如下：

 

To get started:
  cd demo
  npm run dev

所以安装提示操作，运行这个项目只要用cd命令进入这个文件夹，然后run一下就可以了

之后会出现如下提示：

Your application is running here: http://localhost:8080

demo项目已经运行在8080端口了，现在我们打开浏览器输入http://localhost:8080就可以看到效果。