如何详细安装并配置Vue开发环境？

本文共计969个文字，预计阅读时间需要4分钟。

目录

1.安装Node.js

2.查看npm

3.安装npm国内镜像cnpm

4.安装Webpack（一款前端打包工具）

5.检查Webpack是否安装成功

6.安装vue-cli脚手架工具

7.创建Vue项目

补充：vue-cli

目录

• 1、安装node.js
• 2、查看npm
• 3、安装npm的国内镜像—cnpm
• 4、安装webpack（一款开源的前端打包工具）
• 5、查看webpack是否安装成功
• 6、安装vue-cli脚手架构建工具
• 7、创建Vue项目
• 补充：vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法
• 总结

1、安装node.js

从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

2、查看npm

安装好node.js，就已自带npm（包管理工具）打开命令行工具(win+r，然后输入cmd)，输入 npm -v 命令查看npm是否安装成功。