windows7 x64位 下安装 Vue 开发环境

一、安装nodejs

最近在 nodejs官网 https://nodejs.org/en/ ,下载最新版本,发现nodejs最新版本不在支持win7系统

选择nogdejs版本(12.18.4)

所以找个可以支持window7的版本(12.18.4),安装后效果如下

下载安装

https://nodejs.org/zh-cn/download/releases/

 选择对应的版本就行,我这边win7,64位选择是的node-v12.18.4-x64.msi这个安装版.,下载后双击安装下就可以使用了

这里我 安装的是 c:\nodejs\   目录下

之后一直下一步安装就可以了

二、安装完毕后,配置node.js

运行cmd

执行npm路径配置命令

npm config set prefix "c:\nodejs\node_global"npm config set cache "c:\nodejs\node_cache"

 

查看本地仓库

npm list -global

更换镜像站为国内的淘宝镜像站

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

查看本地镜像能不能通

注意，此时，默认的模块 c:\nodejs\node_modules 目录将会改变为 c:\nodejs\node_globalnpm\node_modules 目录，

如果直接运行 npm install 等命令会报错的。

增加环境变量  NODE_PATH  内容是   c:\nodejs\node_globalnpm\node_modules

三、安装 Vue 相关包

重新打开cmd

执行

npm install vue -g

 安装  vue-router

npm install vue-router -g

 安装  vue 脚手架

npm install vue-cli -g 

安装vue脚手架这里的 -g 是指安装到global全局目录去

安装完成后，此时安装的文件都会到   C:\nodejs\node_globalnpm\node_modules  中

       

 关闭cmd

对  path   环境变量添加   c:\nodejs\node_globalnpm

注： path  环境变量 与上一项要加分号 ;  分隔

        path  环境变量 最后一项记得不要加分号 ;

重新打开cmd

运行  vue -V   ,如果显示版本号 则到此安装完成