vue.js开发环境是为了教程分享而搭建的，具体内容如下

1.安装node.js并忽略它

2.基于node.js，使用淘宝npm镜像安装相关依赖

直接在cmd中输入：npminstall-gcnpm - registry=https://registry.npm.taobao.org，按Enter并等待安装.

3.安装全局vue以帮助构建所需的模板框架

在cmd中，1)。输入：cnpm install -g vue-cli，按enter，等待安装.2).输入：vue -V，按回车键，如果vue信息出现，表示成功

4.创建vue项目

在cmd中输入：vue init webpack vue_test(项目文件夹名)，按Enter，稍等片刻，依次出现“git”下的项目，可以按照下图操作

5.安装依赖关系

在cmd中，1)。输入：cd vue_test(项目名称)，按回车键进入具体项目文件夹2)。进入：cnpm安装，按回车键，等待一会儿。

回到项目文件夹，您会发现在项目结构中有一个额外的node_modules文件夹(该文件中的内容是以前安装的依赖项)

基于vue-cli创建的默认项目结构如下图所示：

6.测试环境是否成功构建

方法1:输入：cnpm在cmd中运行dev方法2:在browse中输入：localhost:8080(默认端口为8080)

运行后的效果如下图所示：

至此，vue.js开发环境已经搭建完成。

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