2.怎么安装Vue的环境和搭建Vue的项目

这篇文章是用于记录怎么搭建Vue的环境和搭建Vue的项目

首先我们安装vue的环境

首先我们上node.js官网(https://nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境啦。

安装完成之后检查下版本信息：

这就表示你已经安装成功

接下来，我们安装vue的环境

# 安装淘宝npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安装依赖包
cnpm install -g @vue/cli


这个地方可能会出现cnpm找不到的问题，这是因为环境变量没有配置，在环境变量的系统变量path上加上
F:\node.js\
F:\node.js\node_global这两个


# 打开vue的可视化管理工具界面
vue ui


这里可能会出现ERROR  Failed to get response from https://registry.npm.taobao.org/vue-cli-version-marker这个红字的问题
解决方法：使用cnpm install再下载一次，然后使用cnpm install @vue/cli-plugin-router @vue/cli-plugin-vuex安装需要的插件，这个时候会出现一些包有问题，使用cnpm update glob rimraf consolidate webpack-chain更新相关包就可以解决

有时候装不上可能是太老了,本人就是重装的

我装淘宝npm的时候没有装上

可以试试这个

npm install -g cnpm --registry=http://registry.npm.taobao.org

上面我们分别安装了淘宝npm，cnpm是为了提高我们安装依赖的速度。vue ui是@vue/cli3.0增加一个可视化项目管理工具，可以运行项目、打包项目，检查等操作。

问题

在你使用vue ui的时候你可能会出现这个问题

这是因为你使用了管理员运行cmd

解决方案

不使用管理员运行

解决

创建vueadmin-vue项目

找位置放项目

点击

取名

不选,下一步

点击手动,下一步

勾选这两个

取消勾选,下一步

注意

这个地方要注意,看你是要vue2还是vue3,他们的结构差很多的

勾选,点击创建项目

我这里有一个问题,但我不知道是什么问题,他一直等待,然后再次点击创建就会爆红,我试了很多方法也没有解决(希望大佬能帮我解决一下)

我自己的一个解决方法(偏方)

我只能管理员启动cmd,换到D盘

\

重复上述的步骤

最后创建成功

启动

点击运行

点击启动app,就可以看到我们的项目啦