01-vue-cli创建项目模板

1 安装对应版本的Node.js

略

2 安装淘宝镜像，打开命令行工具，输入：

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

以后使用cnpm来安装

3 设置chromedriver淘宝映射，否则在国内不能通过npm在线下载

npm config set chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

4 安装vue-cli

① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：

cnpm install webpack -g或者（npm install -g webpack）

安装完成之后输入 webpack -v测试是否安装成功

② 全局安装vue-cli，在cmd中输入命令:

cnpm install --global vue-cli

安装完成之后输入 vue -V（注意这里是大写的“V”）, 测试一下

5 用vue-cli来构建项目

① 我首先在D盘新建一个文件夹（vues）作为项目存放地，然后使用命令行cd进入到项目目录输入：

vue init webpack vuetemplate

vuetemplate是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹。

② 配置完成后，可以看到目录下多出了一个项目文件夹vuetemplate，然后cd进入这个文件夹：

安装依赖：

cnpm install

6 启动项目

cnpm run dev