(一)、安装基本的环境

1、全局安装 vue-cli

npm install vue-cli -g

2、借此也全局安装一个 webpack

npm install webpack -g

注意这里可能会有坑,墙内的用户安装失败,没关系,我们先安装淘宝镜像

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

然后通过以下命令安装 webpack

cnpm install webpack -g

注:下面 orange 默认给出 npm 的安装方案,安装失败请自行转为 cnpm 安装

(二)、创建项目

3、在需要创建工程的位置运行

vue init webpack-simple 工程名字<工程名字不能用中文>

或者创建 vue1.0 的项目,只需将命令换成

vue init webpack-simple#1.0

这里我们基于 2.x 开发的,直接使用第一种方法创建工程即可,下图是创建工程时的截图,需要你添加 Project name , Project description , Author .

4、进入项目目录 安装项目依赖

一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。

npm install

如果有警告:

使用下面命令安装即可

npm install –no -optional  注意no前面是2个横杠,

5、启动项目

Npm run dev