Node.js和vueCli安装及配置

1. node.js下载地址：node.js官网
2. 根据自己的计算机系统下载对应版本，我下载的是Windows64位的
3. 下载完成，安装

    

   1. 打开安装程序

      

   2. 点击下一步Next,勾选我同意

      

   3. 选择安装位置，最好是D盘 ，点击下一步

      

   4.  直接选第一个，点击next

      

       

   5. 不勾选，直接next

      

       

   6. 点击install安装完成

      

4. 判断是否安装成功 
   1. 用管理员身份运行命令提示符，输入node 如下图所示表示安装成功

      

   2.  由于node.js默认配置了npm，所以不用单独下载和配置npm了，只要node.js安装成功，那么是直接可以使用npm命令来下载moudle的。
      测试npm，查看版本号   

      

                       

         环境配置

                如果你的node.js是安装在c盘就可以不进行以下配置

首先输入npm list -global查看全局仓库配置

这是已经配置好了的 

 没有配置的像下图一样，表示没对仓库进行任何操作，并不是报错

之后要在你下载node.js的文件夹建立以下两个文件夹

 

 接下来在命令行输入以下命令来更改默认缓存位置（都是在管理员启动下的命令提示符哦）

1、npm config set prefix "D:\Node\node_golbal"    地址是你新建的node_global的文件路径

2、npm config set cache "D:\Node\node_cache"   地址是你新建的node_cache的文件路径

 之后输入npm list -g 查看效果，看以下两张图(图一是第一个命令查看效果)

这种图是第二个命令的查看效果图输入npm install express -g 查看 

 

 再次输入npm list -g

 再输入npm install -g cnpm --registry=https://registry.npm.taobao.org配置淘宝镜像

输入npm config get registry来查看淘宝镜像是否配置成功

之后输入npm install -g vue 安装vue

开始配置系统变量

        1、打开高级系统设置

        2、点击环境变量

        3、修改用户变量下的path中的...AppData...修改成 你当时建的node_global文件夹的位置，

                比如我的在D:\Node\node_golbal

        4、在系统变量中添加

         5、在系统变量中找到Path,点击编辑，之后点击新增    %NODE_PATH%

         6、最后点击确认就行

再输入npm install -g @vue/cli 安装vue的脚手架

之后输入vue --version查看vuecli的版本，我的版本是5.0.8的，如果版本过低

可以输入npm update -g @vue/cli进行更新

 再输入vue --version ,如果版本号是5.x.x就可已创建项目了

命令为：vue create 项目名

如果在创建项目的时候进度条一直卡着，之后有报错，那么多半是你建的两个文件夹

node_global和node_cache的权限不够，要增加权限，

方法：找到这两个文件夹右击鼠标，点击属性，找到安全，点击编辑，将所有权限打开

 点击确定，之后在运行vue create 项目名就可以成功了。