vue 安装使用 vue-cli

老版本如下（2018年 2.x ）：（新版本3.x往下看）

vue-cli 可以帮助我们快速的搭建一个vue 的项目目录；

 

首先安装vue-cli ：npm install --global vue-cli

 

 

然后初始化一个基于webpack的项目，名字：cvper，

其中会有各种参数提醒设置，随便来；

 

下面根据提示来操作吧： cd cvper      npm run dev

 

上一步的最后让我访问：http://localhost:8080,那我们浏览器中打开看一下：

 

好了，现在已经通过vue-cli 快速的搭建完成了我们的项目结构，并且可以正常访问了；

——————————————————————————————————————————————————————

下面的内容更新于2019.5

现在vue-cli 已经更新到3.x了，

官方地址：https://cli.vuejs.org/

1. 安装：（我这里全局安装一下，以后都用这个）

npm install @vue/cli -g

2. 创建项目：(创建 demo 项目)

vue create demo

3. 创建完成之后，有相应的提示，并且给出了两种访问方式，之前只有localhost 这么一种；

App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.1.53:8080/