vue脚手架环境安装

在今天vue脚手架环境安装快把我整懵逼了，累死我了经过一下午时间终于找到了原因和具体所在

第一步：

安装好node.js

安装教程：二进制zip安装（不需要下载）msi（需要下载安装）->(安装教程从（Node.js 中文网）查找)

以zip为例：

环境配置：第一，打开更目录cmd，node -v查看属于哪一个版本

第二步：修改全局

这里将全局模块（文件夹名：node_global）和缓存（文件夹名：node_cache）放在了nodejs安装目录下，在你的nodejs安装目录下创建创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹，配置环境变量用
这里将全局模块（文件夹名：node_global）和缓存（文件夹名：node_cache）放在了nodejs安装目录下，在你的nodejs安装目录下创建创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹，配置环境变量用。

2， win+R打开运行窗口，输入cmd，再输入以下两条指令

npm config set prefix "创建的node_global文件夹所在路径"

npm config set cache "创建的node_cache文件夹所在路径"

第三，右击计算机选择属性找到高级系统设置

①在系统变量中，新建，变量名：NODE_PATH 变量值：node_global文件夹下的node_modules文件夹。如：E:\develop\nodejs\node_global\node_modules

②修改用户变量中的Path变量，将默认的npm路径修改为新建的node_global路径或删除红线画的地方，比较反锁，多次尝试。

第四：安装vue_cli

        npm install -g @vue/cli

 镜像在国外，所以会比较慢。可以使用我们可以使用阿里巴巴在国内的镜像服务器，命令如下：

npm install -gd express --registry=http://registry.npm.taobao.org

只需要使用–registry参数指定镜像服务器地址，为了避免每次安装都需要--registry参数，可以使用如下命令进行永久设置：

npm config set registry http://registry.npm.taobao.org

第五、测试脚手架是否安装成功

vue --version

当出现版本号时，说明安装成功。

安装成功之后

1、终端中，cd到项目文件夹，输入以下命令：

vue create vue_demo

选择手动安装：

安装完毕之后，将橙色括起来的一次输入终端

然后在浏览器输入 http://localhost:8080  如果正常出现界面则表示已成功

 *****如果与xampp一起使用注意修改xampp端口。防止冲突。