构建和安装虚拟环境的方法和步骤

1、安装节点，保证安装4.0或以上版本，具体安装可以百度。

2.在命令行上创建一个文件夹

3.安装Vue-cli

输入：cnpm install -g vue-cli，按Enter等待安装。

输入：vue查看vue相关信息

4.初始化项目

Vue init webpack last_demo，然后相关信息会在后面出现，然后自己选择一些设置进行安装

安装完成后，您的文件夹将如下所示：

如果您的文件夹中没有node_modules文件，那么您应该在命令行上打开您的项目并输入：

Npm install5，运行VUE环境，输入npm run dev，然后用浏览器打开它：http://localhost:8080

首先，营造一个环境

既然新节点已经集成了npm，那就直接安装节点，从节点的官网下载节点的最新版本，根据自己的操作系统选择对应的包，按照步骤一步一步来，这里就不多介绍了。

安装后，您可以打开命令行并使用npm-v node-v来检查安装是否成功以及版本号

如果之前已经安装了节点和npm，最好升级到最新版本，命令行npm安装[emailprotected]

首先，全局安装vue-cli，打开CMD命令行，npm install -g vue-cli

接下来，创建一个新项目并运行vue init webpack演示。演示这里是你的项目名称。接下来会有一些初始化设置，其中vue-router是路由。反正我会选择安装。其他人可以输入跳过或选择否。

—根据提示，将光盘安装到新创建的项目中，并运行npm install

-运行npm运行开发

在这里，如果没有意外的话，可以在浏览器中看到Vue的初始化模板。如果端口号不可能被占用，只需在配置文件config/index.js中更改端口号即可

另外需要补充的是，在最终打包时，如果打包后的文件不能在本地运行，会报错404，所以要将assetsPublicPath中的“/”改为”。/"

其次，安装元素

我们在这里可以愉快地玩Vue，但是我们之前讲过Vue Element，所以接下来我们会继续安装ElementUI。

从cd到当前项目运行npm i元素-ui -S

此时，我们已经安装了元素，下一步是在项目中引用它，并在src目录中打开main.js

第三，包装

在项目目录中运行npm run build后，将向项目中添加一个dist目录。直接把这个目录扔给服务器就行了。dist目录的名称可以在配置文件中自定义

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