vue安装全过程

vue安装全过程

Vue 是一套很好的前端框架啦，学前端的朋友一定要掌握的啦，现在开始教大家如何安装Vue吧

1.从node.js的官网下载node.js,本次演示选择的是稳定版本

2.安装node.js,基本上是一路next,重点是要选择安装的位置啦，本次演示选择安装在E:\nodejs里

3.安装完毕后,配置node.js

运行cmd

执行npm路径配置命令

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

查看本地仓库

npm list -global

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

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

查看本地镜像能不能通

npm config get registry

注意，此时，默认的模块E:\nodejs\node_modules 目录将会改变为E:\nodejs\node_global\node_modules 目录，如果直接运行npm install等命令会报错的。增加环境变量NODE_PATH 内容是：E:\nodejs\node_global\node_modules

关闭cmd

4.安装vue相关包

重新打开cmd

npm install vue -g 安装vuenpm install vue-router -g 安装vue-routernpm install vue-cli -g 安装vue脚手架这里的-g是指安装到global全局目录去

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

关闭cmd

对path环境变量添加E:\nodejs\node_global

重新打开cmd

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