1.由于vue项目依赖于node.js npm，所以需要先安装它。如果没有，请根据本文安装https://www.jb51.net/article/138020.htm。

//检查是否有node.jsnpmvue。

Win r，输入cmd，输入node -v，会出现node，js的版本

输入npm -v以输入npm版本

输入vue -V进入vue版本

2.安装vue:

Npminstall-gvue-cli//-g表示全局安装，vue-cli是一个模块，全局安装的模块可以直接在命令行上使用。因为国内npm网站很慢，淘宝图片可以在命令后添加。

即：npminstall-gvue-CLI-registry=https://registry.npm.taobao.org。

之后可以通过vue - V检查vue是否安装好，出现版本号时安装成功。

3.下一步是创建一个项目框架

如果您想将它放在指定的目录中，首先输入这个目录并执行命令来创建项目

例如：

E:进入//进入光驱测试进入//进入光驱测试文件夹

e : test vueinitwebpack-vue//创建一个基于“webpack”的项目，后跟项目名称

输入项目名称、项目描述、项目作者等。按照提示依次操作，然后一路按回车查看最后一个项目并创建它。

started:就是告诉你接下来要做什么，并依次完成下面三行命令。输入my-vue项目-安装npm依赖项-运行项目

以下是这三个步骤的详细说明

Cd my-vue查看my-vue文件下的项目结构：注意：这是安装依赖项后的截图。在安装依赖项之前，没有node_modules文件夹

4.安装项目依赖关系

项目生成后，不能直接运行。现在很多项目都依赖于很多模块，需要一个一个的安装。

Ctrl c停止新生成项目的命令，cd my-vue进入项目和目录，并使用命令npm install安装它

如果安装比较慢，也可以使用淘宝镜像

也就是说，输入命令：npminstall-registry=https://registry.npm.taobao.org。

当此命令运行时，将会有一个额外的node_modules文件夹，其中包含项目所需的所有依赖项

您可以看到有许多模块，它们都是在package.json文件中定义的。

5.运行测试

npmrundev中出现以下红色框，表示启动完成。一般浏览器会自动跳出界面http://LocalHost 33608080/，也可以手动打开浏览器输入地址。

浏览器界面截图：

这样项目就完成了。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。