1、下载安装node.js https://nodejs.org/zh-cn/

推荐安装 8.11.0 LTS

VUE开发环境配置及创建项目

安装时一路yes

2、检查node.js版本

windows+r,快捷键打开windows命令窗口

VUE开发环境配置及创建项目

输入cmd打开命令行窗口

输入node -v按回车键,会出现安装的node.js的版本号;

VUE开发环境配置及创建项目

输入npm -v,按enter会出现npm版本号

VUE开发环境配置及创建项目

此时node.js已安装完成。

3、下载安装webpack

在命令行窗口输入npm install webpack -g

VUE开发环境配置及创建项目

等待一会,安装完成

VUE开发环境配置及创建项目

4、安装vue-cli

在命令行输入npm install -g vue-cli按enter键

VUE开发环境配置及创建项目

安装完成如下:

VUE开发环境配置及创建项目

4、检查是否安装完成webpack和vue-cli

在命令行输入:vue init webpack my-project

VUE开发环境配置及创建项目

此时出现乱码是因为命令窗口的字符编码是gbk,修改成utf-8即可;在命令行输入指令为:

chcp 65001

5、创建项目

在想放项目的本地此盘里,按着shift右键打开命令行窗口

输入:vue init webpack my-project按回车

VUE开发环境配置及创建项目

VUE开发环境配置及创建项目

输入n

VUE开发环境配置及创建项目

VUE开发环境配置及创建项目

VUE开发环境配置及创建项目

等项目安装完成

VUE开发环境配置及创建项目

相关文章: