# 全局安装淘宝cnpm

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

#升级 npm

cnpm install npm -g

# 升级或安装 cnpm

npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

# 最新稳定版

cnpm install vue

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

# 全局安装 vue-cli

$ cnpm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project # 这一步会因为拉去不到国外的文件而报错，可以参考最下面离线安装的办法

# 这里需要进行一些配置，默认回车即可

This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project

? Project description A Vue.js project

? Author runoob <test@runoob.com>

? Vue build standalone

? Use ESLint to lint your code? Yes

? Pick an ESLint preset Standard

? Setup unit tests with Karma + Mocha? Yes

? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:

     cd my-project

     npm install

     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

$ cd my-project

$ cnpm install

$ cnpm run dev

 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

注意：Vue.js 不支持 IE8 及其以下 IE 版本。

离线安装

通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错，提示连接超时，应该是下载某个package的时候，需要FQ，导致出现连接超时。超时错误截图如下：

解决办法是改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下的.vue-templates目录下。

下载之后的压缩包为webpack-develop.zip，我们解压之后，需要更改目录名为webpack。用户目录下的目录为.vue-templates，注意文件夹名称前面的点(.)。

这样，我们再进行vue init webpack vuedemo命令的时候，需要带上参数--offline表示离线初始化。

安装成功的界面显示：

文件：webpack-develop.zip下载地址：https://files.cnblogs.com/files/sanduzxcvbnm/webpack-develop.zip

使用cnpm创建vue项目(含离线安装)的相关教程结束。