Vue环境搭建（Windows 10 64位 搭建Vue环境）

目录

卸载Node

下载Node

安装Node

淘宝镜像

配置全局安装地址和缓存

---

卸载Node

        1、直接删除node安装目录下的所有文件

        2、删除 ：C:\Users\{User}\AppData\Roaming\npm 目录

             删除：C:\Users\{User}\AppData\Roaming\npm-cache 目录

             AppData如果找不到可能是被隐藏了：

           显示AppData的方法:

                (1) “ win  +  R  "    输入：control folders

                (2) 查看  =>  隐藏文件和文件夹 => 显示隐藏的文件、文件夹和驱动器  => 确定

 

              （3）即可在C:/Users/{当前用户名称}/目录中找到AppData目录

                即：C:\Users\Administrator\AppData\Roaming\npm-cache

        3、删除环境变量

下载Node

       （1） 历史版本网址：http://nodejs.org/en/blog/release/

 

       （2） 选择对应的版本，下载后缀为  “ .msi ” 的文件

 

安装Node

       （1） 双击下载的 “  .msi  ”文件，按照步骤和提示安装node

       （2）配置环境变量：NODE_PATH   =    C:\Program Files\nodejs

                path环境变量中添加：%NODE_PATH%/

        （2）检查是否安装成功   通过以下命令检查是否安装成功

node --version    //检查node版本

npm --version      //检查npm版本

淘宝镜像

安装node_modules工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？
方法一：安装cnpm镜像
这个是比较常用的方法，我首先也是使用了这个方法。
cnpm的安装方法，参考http://npm.taobao.org/

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

在cmd中输入以上命令就可以了，然后再使用cnpm安装

cnpm install -g express

后面的操作跟不使用镜像的操作是差不多的。
 

安装淘宝镜像

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

使用淘宝镜像安装依赖

cnpm install (express)

淘宝镜像安装vue-cli

cnpm install -g @vue/cli

npm的使用

设置镜像源地址为npm地址

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

获取npm镜像源地址

npm get registry

配置全局安装地址和缓存

本地安装：npm install express     会安装到当前项目

全局安装：npm install express -g     会安装到指定的目录（node_global）

//安装到当前目录
npm install express

//安装到全局
npm install express -g

如果不设置prefix和cache会默认将全局安装和缓存分别放到

C:\Users\Administrator\AppData\Roaming\npm  目录

C:\Users\Administrator\AppData\Roaming\npm-cache 目录

npm设置prefix 和 cache 

npm config set prefix "D:/nodejs/node_global"

npm config set cache "D:/nodejs/node_cache"

配置完成后再通过npm安装  npm install express -g 会默认安装到node-global目录下的node-modules目录下