使用Vue CLI构建项目以及安装Vue CLI报错的解决方法

使用Vue CLI构建项目

1.安装好node.js以及cnpm

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

2.安装Vue CLI,（使用淘宝镜像会快一些）安装好之后查看版本，如果打印出版本号则说明安装成功

cnpm install vue-cli -g vue --version

3.安装webpack，使用全局安装

npm install webpack@3.6.0 -g

4.cd到想要放置的文件目录，初始化项目,此处项目名为my-project

vue init webpack my-project

5.模板下载完成后会进行项目配置，倒数2、3项选择no，最后一项选择yes表示使用npm install 安装依赖，选择no之后再执行cnpm install安装依赖也可以，如图 6.构建项目的开发版本

npm start

7.构建项目的生产版本

npm run build

8.初始化后的项目目录（笔者使用的是VSCode），如图 9.目录主要内容介绍

build：开发和生产版本的构建脚本config：开发和生产版本的部分构建配置dist：由npm run build生成，项目的生产版本，项目完成后交付给该文件夹src：项目开发的关键资源目录和主要工作空间static：静态资源.babelrc: babel的配置文件.eslintignore: ESLint代码语法检测的配置文件（应忽略的语法格式）.eslintrc.js: ESLint代码语法检测的配置文件（应规范的语法格式）.gitignore: 应被Git版本控制工具忽略的文件index.html: 应被webpack注入资源的模板HTML文件

如果安装脚手架不成功 用管理员方式运行cmd，执行npm clean npm-cache命令，或者根据路径（C:\Users\Administrator\AppData\Roaming\npm-cache）删除npm-cache文件夹，然后再npm install vue-cli -g 安装。