多语言展示
当前在线:1687今日阅读:113今日分享:31

vue安装全过程

Vue 是一套很好的前端框架啦,学前端的朋友一定要掌握的啦,现在开始教大家如何安装Vue吧
工具/原料
1

电脑

2

网络

方法/步骤
1

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

2

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

3

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

4.安装vue相关包重新打开cmdnpm 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 ,如果显示版本号 则到此安装完成

注意事项
1

建议下载LTS稳定版本的Node.js

2

本文安装目录为E盘,仅用于展示,实际操作替换为自己真实的安装目录

3

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

推荐信息