如何安装vue脚手架及node.js的安装

一、下载Node.js

        1.官网下载即可

        node -v查看node版本

        2.在下载Node路径中找到此文件并新建文件夹node_global和node_cache

        

         3.进入cmd

      执行以下两条命令：
  npm config set prefix "E:\java\nodejs\node_global"

  npm config set cache "E:\java\nodejs\node_cache"

      注意prefix和cache后面有空格。

        4.配置环境变量

在用户变量中找到Path，然后新建一个路径，就写自己的node_global的安装路径就可。

 在【系统变量】下新建【NODE_PATH】。写下你的node_modules路径就可。

        

         5.安装插件包，比如安装vue插件包npm install -g vue

 出现此界面安装成功

        6.输入node命令

        7.配置环境变量后之后重新打开cmd命令窗口，输入require（‘vue’） 

 

         8.输入node npm命令

 成功。

二、安装vue脚手架

        1.下面，我们需要安装全局的cli，我是在E盘中安装的，输入命令npm i -g @vue/cli-init

        如果下载速度过慢，可以安装淘宝镜像

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

        2.创建vue_test文件夹，输入命令vue init webpack vue_test

           之后弹出的代码按照我的填就行。

          3.之后cd进入创建的vue_test文件夹中，完成之后，npm install，最后，输入npm run dev来查看我们用脚手架搭建的项目。（当时我运行的npm run serve不对，各种报错，可能是因为hadoop环境变量等配置）

         4.最后进入http://localhost:8080

成功。