(一)、安装基本的环境
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