打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
win10安装和搭建vue环境_win10安装vue

  • 安装nodejs
  • 配置环境变量
  • 安装vue
  • 配置淘宝镜像

安装nodejs

安装Vue环境之前,首先需要安装Nodejs,然后通过npm命令安装vue。官方的说法是:npm是基于Nodejs的资源包(package)管理器。
Node.js下载地址:https://nodejs.org/en/download/

如下图所示,选择左边的LTS版本(长期支持版本的缩写),安装目录默认为C盘,建议更改至其他空间,楼主将空间改为了D盘,在D盘下新建文件夹名为nodejs存储。

在安装过程中,请注意如下选项,将path环境变量取消,稍后手动配置环境变量:

配置环境变量

右键点击“计算机”,“高级系统设置”,“环境变量”,在这个界面下,在下方的“系统变量”中,找到“PATH”属性,点击编辑,点击新建,将nodejs的安装路径,楼主的目录为:D:\nodejs\ ,添加至系统变量中,点击确定。

在桌面搜索栏打开CMD命令行窗口,输入以下命令,验证是否配置成功

npm -v

配置淘宝镜像

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

更改npm资源包安装路径,在nodejs目录下手动创建node_cache文件夹

npm config set prefix "D:\nodejs"
npm config set cache "D:\nodejs\node_cache"

安装vue

安装命令(“-g” 表示安装到 prefix指定的全局目录下)

npm install -g vue

安装vue-cli命令行工具

npm install -g vue-cli

安装webpack工具

npm install -g webpack

验证vue版本(V大写)

vue -V

打开nodejs目录验证一下是否安装到D盘

配置淘宝镜像

由于许多npm包都是在国外,时常下载缓慢,配置淘宝的镜像服务器来加速下载
安装命令如下:

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

后续安装命令就可以使用cnpm来下载

cnpm install -g vue
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Win7 本地安装 Node 12.1.4
【原创】windows下搭建vue开发环境+IIS部署
windows安装npm教程
nodejs下载、安装和配置
Nodejs创建Vue项目
使用webstorm来创建并且运行vue项目
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服